노란색박스가 가운데로 오게하려면 어떻게 하나요?
<!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년 전
감사합니다~~~~~!!
게시글 목록
| 번호 | 제목 |
|---|---|
| 17889 | |
| 17888 | |
| 17887 | |
| 17886 | |
| 17885 | |
| 17884 | |
| 17883 | |
| 17882 | |
| 17879 | |
| 17874 | |
| 17870 | |
| 17866 | |
| 17861 | |
| 17859 | |
| 17858 | |
| 17857 | |
| 17848 | |
| 17846 | |
| 17837 | |
| 17834 | |
| 17833 | |
| 17832 | |
| 17831 | |
| 17830 | |
| 17829 | |
| 17824 | |
| 17821 | |
| 17820 | |
| 17818 | |
| 17816 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기