填充添加到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