`
lixinlixin2008
  • 浏览: 150094 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

3层absolute嵌套时的文字显示问题

浏览器XHTMLHTML 
阅读更多
三个sbsolute嵌套时,最里层文字会被挤为一行,如果去掉一个div则文字伸展到最外层大小  (ie7 ff3 safari4 chrome2表现相同)
   
    如果最内层不是文字而是图片,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 onload="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: 天堂左我往右
0
顶
0
踩
分享到：
| smartsprites 中文指南 (下)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics