CSS& HTML:我在调整这些div时遇到了麻烦

时间:2010-09-23 18:54:50

标签: html css

它们中的每一个都偏离了几个像素,角落应该排成一行,这样它就不会像油漆中的坏复制/粘贴作业。

代码:http://jsfiddle.net/Lbgp3/

3 个答案:

答案 0 :(得分:1)

从快速查看,我猜测你已经将宽度/高度设置为50%然后你添加了1px边框。 CSS Box模型使用宽度/高度值来设置CONTENT AREA的宽度/高度,而不是整个Box。你没有对齐div的原因是因为他们每个人使用50%的父母区域+ 2px用于边界。

更改宽度和高度值应该可以解决问题。

答案 1 :(得分:0)

正是边界正在搞砸你的路线。当我删除它们,它没关系。不知道你需要做什么来对齐w / border - 我尝试添加1px边距,没有用,试过1px填充,没有用。

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

答案 2 :(得分:0)

如果您不想处理负边距并且仅定位到webkit,则可以通过执行以下操作来更改box-sizing属性:

-webkit-box-sizing: border-box;

这会让你回到旧学校的日子里,在宽度计算中包含填充和边框,所以宽度永远不会超出你为它指定的宽度。

(其他浏览器也有适当的属性)。