CSS笔记(IE8下relative异常出现滚动条)

新做了个主题,在IE8下测试,意外的发现网页多了一条滚动条,甚为不美观!几经查找,发现问题处在

position:relative;

疑惑之余,温习定位,多番测试,最后终于在谷老师的帮助下,发现了问题,一个父级position:relative;子级position:absolute;的样式焦点轮播的时候在IE8下居然是错位的。IE8居然不认父级的相对定位，直接就是在屏幕上显示绝对定位。

而meta有个X-UA-Compatible属性,X-UA-Compatible是针对ie8新加的一个设置，对于ie8之外的浏览器是不识别的,值为content=”IE=7″,意思是强制 Windows Internet Explorer 8 使用了 Windows Internet Explorer 7的标准模式来呈现页面。

具体如下:

<meta http-equiv=”X-UA-Compatible” content=”IE=7″/>

把这段代码,贴到

<header></header>

里.然后,世界安静了,一片祥和…