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

lixinlixin2008 · 发表于 2013-2-7 17:30:32

三个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 > <div id="div1">       <div id="div2">          <div id="div3">             <div id="div5">                   啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊             </div>          </div>       </div> </div></body></HTML>

by: 天堂左我往右

		自动登录	找回密码
密码			立即注册