1.问题代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>鬼眼邪神的博客</title>
<meta name="author" content="鬼眼邪神"/>
<style>
div {
width:300px;
height:100px;
border:1px solid #000;
overflow:auto;
}
p {
position:relative;
}
</style>
</head>
<body>
<div>
<p>鬼眼邪神的博客。如果你每天比别人慢半步,一年后就是182.5步,十年后就是十万八千里!</p>
<p>鬼眼邪神的博客。如果你每天比别人慢半步,一年后就是182.5步,十年后就是十万八千里!</p>
</div>
</body>
</html>
![IE6、7中滚动条失效 - 鬼眼邪神 - 鬼眼邪神 IE6、7中滚动条失效 - 鬼眼邪神 - 鬼眼邪神](http://img1.ph.126.net/c4V-N8suUkr_vBG_xj45mg==/2154972421796910367.png)
2.问题分析
在IE6、7中,当子元素相对定位时父元素overflow属性的auto|hidden就会失效。
3.解决方法
(1)给父元素设置相对定位position:relative。
(2)去除子元素的相对定位属性。