div 안에 마진값이 같이 먹는 경우..
이 경우에는 min-height 값을 주거나
부모 div에 float 값을 주면 된다
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<style>
body {
background:black;
}
#container {
background:yellow; width:920px; min-height:600px;
border:solid 1px white;
}
#wrapper {
width:300px;
height:100px;
margin-top:500px;
background:red;
border:solid 1px white;
}
</style>
</head>
<body>
<div id="container">
<div id="wrapper">
</div>
</div>
</body>
</html>
</body>
</html>
'css관련기록' 카테고리의 다른 글
| line-height 값에 대해서 (0) | 2012.03.03 |
|---|---|
| 스타일시트 기초 (0) | 2012.02.27 |
| float:left와 float:right , position:relative와 position:absolute 정렬 (0) | 2011.07.30 |
