日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

overflow:hidden 解決IE6,IE7不能隱藏絕對(duì)定位溢出的內(nèi)容

云知道

令人蛋疼的IE，IE6/IE7下父元素有相對(duì)/絕對(duì)定位時(shí)，子元素在IE6和IE7下overflow:hidden;失效 。
情況一：（在parent上增加position:relative）

復(fù)制代碼代碼如下:
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"
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
pbbbb/p
pbbbbb/p
/div
/div
/div

情況二：（給son增加position:relative）

復(fù)制代碼代碼如下:
style type="text/css"
.parent{ width:100px; height:100px; position:absolute; border:1px solid #f00;}
.son{ width:100px; height:100px;left:0;top:0; overflow:hidden; position:relative;}
p{margin:0;padding:0;}
/style
div class="parent"
div class="son"
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
paaaaaaaaaaaaaa/p
/div
/div

如下圖：

如果.parent中的position設(shè)置為absolute也是如此 。

終上所述：
哪個(gè)需要設(shè)置overflow；hidden，生效，就在哪個(gè)上面設(shè)置position:relative;

    推薦閱讀