时间:2016-01-22 07:40 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【解决IE6,IE7不能隐藏(overflow：hidden)绝对定位溢出的内容】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
解决IE6,IE7不能隐藏(overflow：hidden)绝对定位溢出的内容
<style type="text/css">
.parent{ width:100px; height:100px;border:1px solid #f00; overflow:hidden; position:relative;}
.sonF{ position:relative;}
.son{ width:100px; height:100px; position:absolute; left:0;top:0;}
p{margin:0;padding:0;}
</style>
</head>
<body>
<div class="parent">
<div class="sonF">
<div class="son">
<p>aaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaa</p>
<p>aaaaaaaaaaaaaa</p>
<p>bbbb</p>
<p>bbbbb</p>
</div>
</div>
</div>
关于解决IE6,IE7不能隐藏(overflow：hidden)绝对定位溢出的内容的相关讨论如下：
相关问题：overflow:hidden 的疑问
答：overflow:hidden只有在定义了元素的宽高之后才能看到效果的，在没有定义宽高的情况狂下，元素的宽度默认是100%；而高度则是自适应内容，所以自然也就不存在overflow的情况了。如果你给wrap定义一个高度，例如height:10px;之类的，再看看效果，就... >>详细
相关问题：CSS overflow:hidden问题
答：ie7不会显示吧，设置一下宽度，BB不用定位aa设置一下宽度加一个 overflow就行了我以前都是这么写的没问题 >>详细
相关问题：一个CSS的问题，怎么隐藏溢出的绝对定位的元素。我...
答：空白的吗？ 你给li定一个高度看看 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-