CSS＆HTML：我無法對齊這些div

Question

它們每個都有幾個像素，角落應該全部排成一列，以便它看起來不像塗料中的錯誤複製/粘貼作業。

代碼：http://jsfiddle.net/Lbgp3/

Answer 1

這是搞砸你的路線的邊界。當我刪除它們時，它很好。不知道你需要做什麼來對齊邊界 - 我嘗試添加1px的邊距，沒有工作，嘗試1px的填充，沒有工作。

（順便說一句我不知道，當我嘗試這些變化，我其實是修改您正在處理的頁面。希望我沒有擰你。）

Answer 2

從快速視圖，I」，猜你已經設置寬度/高度到50％，那麼你就加入1px的邊界。 CSS Box模型使用寬度/高度值來設置CONTENT AREA的寬度/高度，而不是整個Box。你divs的原因不對齊是因爲他們每個人都使用父母面積的50％+ 2px的邊界。

更改寬度和高度值應該有所斬斷。

Answer 3

如果你不想對付切緣陰性，且僅針對WebKit的，你可以隨時通過做改變box-sizing屬性如下：

-webkit-box-sizing: border-box; 

這讓你回到老派的天，其中填充和邊框被列入寬度計算，所以寬度永遠不會超出你指定的範圍。

（其他瀏覽器也有相應的屬性）。