IE7下POSITION:RELATIVE与OVERFLOW的问题
2012-03-07 16:32
260 查看
父容器设置overflow:auto;子元素设置属性position:relative;在ie6、ie7中该子元素不随滚动条滚动。
解决办法：
给设置了overflow:auto属性的父容器也加上position:relative。
下面贴出代码:
<div style="width:200px;height:300px; overflow:auto;"> <div style="width:100px;height:500px;"> <p>ie7动</p> <p style="position:relative;">position:relative;ie7不动</p> <p>ie7动</p> </div></div>图片对比：
解决办法：
给设置了overflow:auto属性的父容器也加上position:relative。
下面贴出代码:
<div style="width:200px;height:300px; overflow:auto;"> <div style="width:100px;height:500px;"> <p>ie7动</p> <p style="position:relative;">position:relative;ie7不动</p> <p>ie7动</p> </div></div>图片对比：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- IE7下position:relative与overflow的问题
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后，子元素不随着滚动条滚动的问题
- IE7下position:relative的问题
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后，子元素不随着滚动条滚动的问题
- IE7下position与overflow的问题
- 解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后，子元素不随着滚动条滚动的问题
- overflow:auto 的情况下，position:relative 的兼容性的问题
- css中position:relative和overflow:hidden的问题
- css中position:relative和overflow:hidden的问题
- css中position:relative和overflow:hidden之间的问题
- IE 6 position: relative + li 问题
- 当子元素用position:relative;时，父元素的overflow:hidden;在ie中失效的解决办法
- IE7下overflow:hidden失效的问题
- css中position:relative和overflow:hidden的问题
- css中position:relative和overflow:hidden的问题
- IE7下设置overflow-y: scroll出现滚动条的问题解决办法
- 转载：IE6,IE7下设置body{overflow:hidden;}失效Bug
- ie7下，overflow： b71d hidden失效及解决办法
- IE7下IFRAME高度问题