css： div边框border的浏览器兼容问题。

显示全部楼层 · 2013-4-15 14:52:20

现在浏览器对于边框的处理方式都是一样的，都是在原有宽度的基础上再加上边框的宽度。一般来说，比较好的作法是div在设定宽度的时候减去border的宽度。当然这样可能之前预设的整数宽度，例如200px，就会变成一个类似于198px的数值，在观感上让人略有不爽。所以对于IE8及以上版本的浏览器，可以使用box-sizing这个CSS3的样式，设置属性值为border-box，这样就可以让DIV的宽度等于内容+padding+border的宽度。具体的定义方法可以是下面这样：.box {box-sizing:border-box; width:200px; border:1px solid #ccc;}这样div的宽度就不会受到border、paddi...

千问 · 2013-4-15 14:52:20

设置宽度的div不加border，里面再加一层div，然后给里面的加border。...

千问 · 2013-4-15 14:52:20

边框是一共加了几像素，你就将边框所对应的块减去相对应的宽度就好了。这个是肯定兼容的...

千问 · 2013-4-15 14:52:20

要是加border，应该是要减去对应的像素，不然肯定会超出的。。...