html css里怎么调ie8和ie9的高度兼容 代码是什么，

html-css012

html css里怎么调ie8和ie9的高度兼容 代码是什么，,第1张

ie6有一个特性 就是里面外层一个固定高度的div在一般情况下都会被内层元素给撑大

但ie7以上就不会，比如内层div高度是500 而外层div高度是400 在ie7以上或其它高级版本浏览器就会显示外层为400 内层为500 而外层div的下一个同级元素(也就是它的下一个元素)会直接在高度400的位置显示 所以会有100px与这个外层div的内层相重叠

而ie6下因为外层的div会被内层撑大 所以这个外层元素的下一个同级元素就会从500高度的位置显示 所以在ie6下就不会重叠

在Ie7以上版本浏览器 你可以打开网页后按F12来查看网页元素 在打开的工具中的Html选项卡里面有一个鼠标的按钮，点击后 可以选择页面元素 或直接在Html选项卡里面选择某个标签后，网页中就会将这个元素框住，通过这种方式来查看你的元素是否被撑大 从而来更改你的css设置。

margin-top:9pxmargin-top:8px\0margin-top:9px\9\0这三句ie8都能识别出来，根据顺序，组后的那个优先级最高，所以IE8下还是9px；

\9 ：IE6、IE7、IE8都能识别

\0 ：仅IE8识别

*：IE6、IE7能识别

*+ ：仅IE7能识别

_ ：仅IE6能识别

IE9、IE10未测试暂时不知道

写这些hack的时候要注意顺序。