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; 

这让你回到老派的天，其中填充和边框被列入宽度计算，所以宽度永远不会超出你指定的范围。

（其他浏览器也有相应的属性）。