§ ITPOW >> 文档 >> CSS

你到底有多宽?

作者:飞飞鱼 来源:ITPOW 日期:2005-12-8

也不知道是什么原因,出了这么多“面积”,套内面积、套内墙体面积、建筑面积、公摊面积……搞得如此精确,那么如果有人问这房子多大面积,你该如何回答?

不止是房地产,网页上也遇到了此类问题,请看下面样式表:

padding:10px;
width:100px;
border:10px solid #FF0000;

IE 和 Opera 中解释成如下图如示:

IE.jpg

FireFox 和 NetScape 中解释成如下图如下:

FF.jpg

我们只看宽度,可以发现,对以上样式表的解释分为两派:

  • 以 IE 为代表的一派认为 width 包括 padding 和 border;
  • 以 FireFox 为代表的一派认为 width 不包括 padding 和 border。

IE 说树干的大小当然应该包括树皮了。

FF 说体检啦,都脱衣服脱鞋子啦。

好像大家都说得有道理,W3C 的标准是 FF 对的。但何为标准?有牛人说我就是标准!强悍!有道理!IE 从来都不按标准出牌,因为我自己就是标准。

就我个人而言,我倾向于 IE,MS 产品一向都好用,也许有时这种好用适得其反,但我认为这里是对了。

网页不是户外的广告牌,它的宽度受空间限制,也就是说我们做一个网页时,一开始考虑的是网页的宽度,然后再分块。

在 IE 里面,在这个块里调整 border、padding,除了影响整体视觉外,并不影响其它块的布局(恶意的除外,竖方向一般不考虑)。

对于 FF 情况就不同了,先得到了块的大小,然后画确定划多少给 border,多少给 padding,多少给 width。一旦划定了,可是要更改整个设置时,就麻烦了。你说 width 你好,这个 padding 变大了,你能不能自动缩小一点,免得咱这车厢挤爆了。width 说,没门!于是你一怒之下,还得去调整 width,是不是很麻烦。

相关文章