博百优CSS:IE/Win和框模型

很悲哀,IE5 和IE6都是在怪异模式中使用自己的非标准框模型。这些浏览器的width属性不是内容的宽度,而是内容、填充和边框的综合。这实际上有一定的意义,因为在现实世界中框具有固定的尺寸,而且填充是放在框里面的。添加的填充越多,给内容留下的空间就越少,尽快符合逻辑,但是这些IEb按本不符合规范,博百优虽然不是一个设计师,但是平时修改网站,自己布局的时候也会有同样头疼的问题,国内就是TMD多用户还在迷恋IE6,这是一种何等悲壮的盛况。

前面的例子当中,我们说过IE5.x中框的总宽度只有90像素,这是因为IE5认为每个边上5像素的填充是70像素的宽度的一部分,而不是宽度意外附加的。

博百优框模型

当然,解决的方法当然是有的。但是这些方法我们以后会详细跟大家介绍到,目前来看,最好的解决方案就是回避这个问题。也就是,不要给元素添加具有指定宽度的填充,而是尝试将填充或空白边添加到元素的父元素或子元素当中。

以上内容均来自《精通css》这本牛B的书的,哥最近再温习CSS,所以将里面的部分内容拿出来跟大家分享,未来的潮流是HTML5和CSS3,所以我们要写好基础的前提下继续探索新的技术并学习应用到我们的实战当中,HTML5和CSS3有个好的地方就是可以用样式就实现圆角,阴影等等,不在需要设计师细心地区用PS去切,保存良好用户体验的前提下又节省功夫,当然博百优css只知道点皮毛,需要跟大家继续学习和探讨,今天的博百优css基础就到这里,期待下次光临。

Comments are closed.