填充添加到div宽度/高度？

<html> 
<head> 
<style> 
    * { margin:0; border:0; padding:0; } 
    div { height:500px; } 
    #container { width:1000px; background-color:#000; } 
    #column-one { float:left; padding:10px; width:500px; background-color:#234; } 
    #column-two { float:left; padding:10px; width:500px; background-color:#345; } 
</style> 
</head> 
<body> 
<div id="container"> 
    <div id="column-one"> 
    </div> 
    <div id="column-two"> 
    </div> 
</div> 
</body> 
</html>

的确有违直觉。填充添加到div宽度/高度？

来源

2011-02-02 Sid Bayer

err有没有问题？而什么浏览器（IE是臭名昭着的，它有一个“破”箱模型）。 – Sean 2011-02-02 21:00:29

所有浏览器在元素宽度/高度处添加填充，边距和边框 – jennyfofenny 2011-02-02 21:10:38