-1

我正在尝试为网页创建基本布局。第一个绿色 div 出现了，但第二个 div 'bottomtest' 没有出现。有谁知道为什么？我正在使用 IE8。

<!DOCTYPE html>
 <head>    
 </head>
 <body>
 <div class="toptest" style="height:200px; width:auto; background-color:green;" />
 <div class="bottomtest" style="background-color:blue; height:500px; width:auto;" />
    </body>
</html>
4

2 回答 2

1

第二个 div 没有内容（或就此而言的结束标记），宽度为auto并且是floating。浮动元素收缩包裹它们的内容，所以你的 div 会被收缩到 0px 宽（这个问题不仅限于 IE8）。

…您似乎已经编辑了您的问题以float从样式属性中删除该属性。这个答案应该仍然可以解决您最初询问的问题。如果您尝试创建简化的测试用例，请阅读SSCCE（简而言之：确保测试您询问的代码以确保其有效，显示您实际遇到的问题并且不会引入新问题） .

于 2013-05-27T22:07:24.977 回答
0

您需要正确关闭两个 div 才能修复此错误。

<!DOCTYPE HTML>
    <head>    
    </head>
    <body>
        <div class="toptest" style="height:200px; width:auto; background-color:green;"></div>
        <div class="bottomtest" style="background-color:blue; height:500px; width:auto;"></div>
    </body>
</html>

在此处输入图像描述

于 2013-05-27T23:28:23.130 回答