노란색박스가 가운데로 오게하려면 어떻게 하나요?
<!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년 전
감사합니다~~~~~!!
게시글 목록
| 번호 | 제목 |
|---|---|
| 18354 | |
| 18351 | |
| 18349 | |
| 18347 | |
| 18343 | |
| 18339 | |
| 18336 | |
| 18334 | |
| 18331 | |
| 18328 | |
| 18323 | |
| 18317 | |
| 18316 | |
| 18314 | |
| 18313 | |
| 18309 | |
| 18307 | |
| 18304 | |
| 18302 | |
| 18300 | |
| 18299 | |
| 18298 | |
| 18293 | |
| 18290 | |
| 18284 | |
| 18279 | |
| 18278 | |
| 18277 | |
| 18273 | |
| 18272 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기