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

时间:2011-03-23 09:47:11

标签: css3 css

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

但是,我希望浏览器计算盒子模型的大小,包括边距,边框和填充。

有没有办法迫使浏览器这样解释?

由于

2 个答案:

答案 0 :(得分:3)

在CSS3中,我们有box-sizing。如果将其设置为border-box,它将计算填充和边框大小。 AFAIK你无法让它计算出大小的余量,这听起来合乎逻辑,因为保证金绝不是一个盒子的一部分,它只是说明一个盒子周围应留空的空间。

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

请查看current browser support for box-sizing(尽管看起来很宽,但你应该避免意外)。

答案 1 :(得分:1)

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

这是标准行为,您应该将其用于crossbrowser bojects。