UC知道这个网页div在火狐浏览器中为什么会走到上边去了？
来源：百度知道 编辑：UC知道 时间：2024/07/04 16:39:40
<html>
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
</head>
<body>
<div style="width:140px;height:70px">
<div style="width:140px;height:70px;background:url(ttt.jpg)">
</div>
<div style="width:100%;height:80px;border-left:1px solid green;border-right:1px
solid green;border-bottom:1px solid green">
</div>
</div>
<div style="width:50px;height:50px;border:20px solid green">why?</div>
</body>
</html>
最后一个div 。
<head>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
</head>
<body>
<div style="width:140px;height:70px">
<div style="width:140px;height:70px;background:url(ttt.jpg)">
</div>
<div style="width:100%;height:80px;border-left:1px solid green;border-right:1px
solid green;border-bottom:1px solid green">
</div>
</div>
<div style="width:50px;height:50px;border:20px solid green">why?</div>
</body>
</html>
最后一个div 。
<body>
<div style="width:140px;height:70px">
这里改为
<body>
<div style="width:140px;"> 就是取掉height:70px;
在你设定第一个70px时,已经把高度限定死了.而后面它所包含的两个div中高度70px+80px>70px,若是后两个设为30px,40px,就不会了.所以,第一个不必设定高度,它是随着里面的两个高度而自适应的.