Question

我正在尝试为网页创建基本布局。第一个绿色div正在出现，但第二个div'最低测试'不是。有谁知道为什么？我正在使用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>

Answer 1

第二个div没有内容（或者就此而言的结束标记），宽度为auto且为float。浮动元素收缩包装其内容，因此你的div将缩小，直到它是0px宽（此问题不仅限于IE8）。

...您似乎已编辑了问题，以便从style属性中删除float属性。这个答案仍然可以解决您最初提出的问题。如果您正在尝试创建简化的测试用例，请阅读The SSCCE（简而言之：确保您测试所询问的代码以确保其有效，显示您实际拥有的问题并且不会介绍新问题）。

Answer 2

您需要正确关闭两个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>

enter image description here

DIV没有出现在IE8中

2 个答案: