如何强制浏览器添加填充等大小?

你知道CSS的边框模型(margin-border-padding-content)

不过,我希望浏览器计算包含边距,边框和填充的框模型的大小。

有没有办法强制浏览器像这样解释?

谢谢


在CSS3中,我们有box-sizing 。 如果将其设置为border-box ,则会计算填充和边框尺寸。 AFAIK你不能让它计算出尺寸的边距,这听起来合乎逻辑,因为边距不是盒子的一部分,它只是告诉盒子周围应该留下多少空间。

看到这里:http://www.css3.info/preview/box-sizing/

请同时查看当前浏览器对box-sizing支持情况(尽管看起来相当宽泛,但应避免出现意外)。


不。根据W3c,标准的方式是宽度/高度被解释为没有边框和填充。 您可以通过添加doctype来强制IE遵循标准。

这是标准行为,您应该将其用于交叉浏览器。

链接地址: http://www.djcxy.com/p/75591.html

上一篇: How to force browser to add padding, etc. to size?

下一篇: Responsive Layout with DIVS + Image Positioning