11/08/06 16:30:28.21
色々とルールが守られてない
一番の駄目な理由はそれだね
<!DOCTYPE html>
<html lang="ja">
<head>
<style type="text/css">
html{margin:0;padding:0;}
body{margin:0;padding:0;}
#header{margin:0;padding:1px;height:200px;background-color:gray;}
ul{list-style:none;color:gold;}
</style>
</head>
<body>
<div id="header">
<ul>
<li>リストにマージンが付いている</li>
<li>その分上に隙間ができてしまう</li>
<li>ソレを解消しないと駄目っぽいよ</li>
<li>今回はheaderのpadding-topに1pxを設定して回避しています</li>
</ul>
</div>
</body>
</html>