CSS 的盒子模型

326 阅读1分钟

标准盒子内容宽度:width

ie 盒子内容宽度:width+(padding width)+(border width)

标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin

低版本 IE 盒子模型:宽度=内容宽度(content+border+padding)+ margin

ie8以上都是w3c标准盒模型

ie5极其以下都是ie盒子模型,

ie6、ie7、ie8在混杂模式下ie盒模型,在标准模式下是w3c标准盒模型

(注意:ie6在混杂模式下一定是Ie盒模型,而ie7、ie8在混杂模式下不一定是ie盒模型)

IE注释判断语句

IE特有功能,通过HTML注释中的条件语句然不同的IE版本识别注释中的内容,这对IE的hacks很有帮助。

1)<!--[if lt IE 7]> : 小于 IE7 的版本 ( Less than );
2)<!--[if lte IE 7]> : 小于或等于 IE7 的版本 ( Less than or equal );
3)<!--[if gt IE 7]> : 大于 IE7 的版本 ( Greater than );
4)<!--[if gte IE 7]> : 大于或等于 IE7 的版本 ( Greater than or equal );
5)<!--[if !IE 7]> : 不等于 IE7 的版本 ( Not );
6)<!--[if !IE]> :不等于 IE 的版本 ( equal );
 <!--[if IE 6]>
 Only recognized in IE7;
 只能被IE7识别
 此处可以填样式
 <![endif]>