노란색박스가 가운데로 오게하려면 어떻게 하나요?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>무제 문서</title>
<style type="text/css">
body {
margin:0;
width:100%;
background-image: url();
}
.main_wrap{
width:100%;
background-color:red;
valign:top;
height:300px;
}
.main_wrap .inner{
width:50%;
float:center;
height:100px;
background-color:yellow;
valign:top;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- 메인 -->
<div class="main_wrap">
<div class="inner">
sorry.
</div>
</div>
</body>
</html>
-------------------------------------
노란색박스 float:center; 해주는데도 가운데로 안와요..
그리고
.main_wrap .inner{
는
.main_wrap {}
.inner{ }
분리해도 상관없나요? 어떤차이가 있는지요?
댓글 2개
9년 전
float:center ----> margin:0 auto; 로 한번 해보시고요
.main_wrap .inner{ 이거는 main_wrap 안에 있는 inner 만 적용 될거고요
그냥 .inner 는 inner라는 클래스에 다 적용될 거고요
맞겠죠?
.main_wrap .inner{ 이거는 main_wrap 안에 있는 inner 만 적용 될거고요
그냥 .inner 는 inner라는 클래스에 다 적용될 거고요
맞겠죠?
9년 전
감사합니다~~~~~!!
게시글 목록
| 번호 | 제목 |
|---|---|
| 17814 | |
| 17811 | |
| 17809 | |
| 17806 | |
| 17804 | |
| 17801 | |
| 17798 | |
| 17796 | |
| 17794 | |
| 17793 | |
| 17789 | |
| 17784 | |
| 17781 | |
| 17773 | |
| 17768 | |
| 17766 | |
| 17763 | |
| 17760 | |
| 17757 | |
| 17751 | |
| 17746 | |
| 17744 | |
| 17739 | |
| 17733 | |
| 17726 | |
| 17721 | |
| 17718 | |
| 17701 | |
| 17690 | |
| 17681 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기