如何把裏面的填充內DIV兩個欄佈局

我想把padding: 10px;，所以我對白色箱子裏面10px的間距，但是當我添加此它使白色盒子的外部更大。

如何在白色框的內側添加10px間距而不增大它們？

2014-07-04 Jimmy

您可以通過給元素設置一個box-sizing:border-box;來改變CSS盒子模型的計算方式。

基本上，任何元素的寬度/高度都是指定的寬度/高度加上任何邊距，填充和邊框。當您將元素的框大小更改爲「border-box」時，將從指定的寬度/高度中扣除所有額外寬度（邊框/邊距/填充）。

這裏是關於盒模型是如何工作的一個良好的閱讀：http://css-tricks.com/the-css-box-model/

2014-07-04 11:16:16 HaukurHaf

使用box-sizing: border-box;你會得到你想要的結果。

.left { padding: 10px; box-sizing: border-box; }

另外，與其他海報不同，我會把之前的海報放在這裏，

2014-07-04 11:17:36 MrMarlow

回答