CSS&HTML:我在对齐这些div时遇到了问题

是边界把你的路线搞砸了。当我把它们取下来的时候,就没事了。不知道你需要做什么来对齐w/边框-我尝试添加一个1px的边距,没有工作,尝试了1px的填充,没有工作。

(顺便说一句,我没有意识到当我尝试这些更改时,我实际上是在修改您正在处理的页面。希望我没有把你搞砸。)

从快速查看,我猜您已经将宽度/高度设置为50%,然后添加1px边框。CSS框模型使用width/height值来设置内容区域的宽度/高度,而不是整个框。之所以div没有对齐,是因为每个div都使用了50%的父区域+2px作为边界。

如果你不想处理负利润率和只针对webkit,你可以随时改变 box-sizing 属性,方法如下:

-webkit-box-sizing: border-box;

(其他浏览器也有相应的属性)。