Question

div CSS中的padding，margin问题

#nav {
background:#ccff33;
width:84px;
height:190px;
margin:4px 4px 0 0;
padding:10px 0 0 10px;
float:left;
}
#nav {
background:#ccff33;
width:94px;
height:200px;
margin:4px 4px 0 0;
float:left;
}

<ul id="nav">
<li >链接1</li>
<li >链接2</li>
<li >链接3</li>
<li >.....</li>
</ul>
为什么这两个nav所占的空间不一样？

Answer 1

ul本身是自带有padding-left的（在Chrome浏览器中这个默认值是40px），你的第二个css中没有设置padding，浏览器就会自动按默认值padding:0 0 0 40px来处理了，所以会被撑大。

Answer 2

因为你第二个css中没有重置padding的值，加入padding:0;后尺寸就一样了。

原因：一般做页面时要重置标签默认的样式，也就是所谓的reset.css，你没有重重，所以ul才会有默认的padding值，添加padding:0;后就没问题了

reset.css百科网页链接

Answer 3

这个不是padding 和 margin的问题
问题是 id 重复了 只会执行最后一个设置样式
一个ID选择器在一个html文档中只能使用一次，但一个html文档可以有多个ID选择器