浮動填充導致浮動擴展

Question

我正在爲網站創建一個簡單的2列布局，但遇到了一些問題。當我添加填充到具有float的列時：left應用，float擴展超出我定義的寬度。我似乎無法在任何地方找到答案。

Answer 1

你必須調整寬度，因爲當你的頁面被渲染時，填充被認爲是寬度的一部分。

假設你有一個應該是200px的div，右邊填充10px。

.box { 
    width:200px; 
    padding-right:10px; 
} 

您的實際寬度將爲210px。