IE7下overflow: hidden隐藏不住溢出的内容
2014-06-09 16:06
253 查看
在IE7下，由于子块width大于父块的宽度，会将这个块撑开，这是overflow: hidden隐藏不住子块超出的内容。
如
<div class="a">
<div class="b"></div>
</div>
.a{ width:100px; overflow:hidden}
.b{width:200px;}
这时b内容超出a的部分不能隐藏
解决：
.a{width:100px;overflow:hidden;position: relative;}
如
<div class="a">
<div class="b"></div>
</div>
.a{ width:100px; overflow:hidden}
.b{width:200px;}
这时b内容超出a的部分不能隐藏
解决：
.a{width:100px;overflow:hidden;position: relative;}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 解决IE6,IE7不能隐藏(overflow:hidden)绝对定位溢出的内容
- overflow:hidden这个属性的作用是隐藏溢出
- 在td中怎么隐藏内容超出的部分？overflow:hidden 用法：
- ie7下，overflow： b71d hidden失效及解决办法
- IE6,IE7下设置body{overflow:hidden;}失效Bug【转】
- 探究CSS属性overflow:hidden的作用：隐藏溢出和清除浮动
- IE6,IE7下设置body{overflow:hidden;}失效Bug
- IE6,IE7下设置body{overflow:hidden;}失效Bug
- IE6、IE7下样式overflow:hidden失效的解决办法
- 转载：IE6,IE7下设置body{overflow:hidden;}失效Bug
- IE6、7下父元素overflow:hidden;包不住子元素解决方案
- IE6,IE7下overflow：hidden无效&amp;nb…
- IE7下td中元素使用margin负值,溢出部分被隐藏
- overflow ：hidden隐藏溢出用处大
- css基础 overflow:hidden div中图片溢出的部分隐藏
- IE 6/7下自赋值导致 overflow 溢出
- safari中overflow:hidden对CSS模糊滤镜溢出隐藏无效解决办法
- overflow:hidden---清除浮动，隐藏溢出
- IE6,IE7下设置body{overflow:hidden;}失效Bug