如果最內層不是文字而是圖片,div5不出滾動條(非IE7),IE7 width會被最外層限制,div5出滾動條
解決辦法不知,不知道算不算瀏覽器的bug
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<TITLE>幫助</TITLE>
</HEAD>
<style>
*{
margin: 0px;
padding: 0px;
}
#div5{
border: 2px solid red;
overflow: auto;
}
#div1{
position: absolute;
border: 2px solid yellow;
width: 200px;
height: 200px;
}
#div2{
position: absolute;
border: 2px solid yellow;
width: auto;
height: auto;
}
#div3{
position: absolute;
border: 2px solid yellow;
width: auto;
height: auto;
}
</style>
<script>
function init(){
}
</script>
<body οnlοad="init()">
<div id="div1">
<div id="div2">
<div id="div3">
<div id="div5">
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
</div>
</div>
</div>
</div>
</body>
<!--三個sbsolute嵌套時,最裏層文字會被擠爲一行,如果去掉一個div則文字伸展到最外層大小 (ie7 ff3 safari4 chrome2表現相同)
如果最內層不是文字而是圖片,div5不出滾動條(非IE7),IE7 width會被最外層限制,div5出滾動條
解決辦法不知,不知道算不算瀏覽器的bug
-->
</HTML>
by: 天堂左我往右