0

我很困惑...所以我在容器内有一个 UL，似乎当我在 UL 上方更改 DIV 时，它会影响 UL 之后的流量...发生了什么？

DIV 是块元素，对吧？和 UL 一样，对吧？

所以在这个例子中，如果你删除“标题”DIV，它会改变 H1 元素在 UL 之后的显示方式......谁能帮助告诉我为什么？

我在IE8...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Layout and CSS testing</title>
<style type="text/css">
    body {
        margin: 0px;
        padding: 0px;
        background-color: blue;
    }
    .container {
        margin-left: auto;
        margin-right: auto;
        width: 600px;
        background-color: green;
    }
    .navMenu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        background-color: red;
    }
    .navMenu li {
        display:inline;
        float: left;
    }
</style>
</head>
<body>
<div class="container">
    <div class="header">
        <img src="images/picture.gif" width="600" height="100" id="headerpic" border="0" />
    </div>
    <ul class="navMenu">
        <li><a href="#">Home</a></li>
        <li><a href="#">Next</a></li>
        <li><a href="#">Last</a></li>
    </ul>
    <h1>First Header</h1>
    <h2>Second header</h2>
    <p>This is a paragraph</p>
</div>
</body>
</html>
4

1 回答 1

0

<h1>受到 navMenu 浮动的影响，请尝试在<div class="clearBoth"></div>关闭</ul>等之间添加一个<h1>：

html

</ul>
<div class="clearBoth"></div>
<h1>First Header</h1>

css

.clearBoth{
   clear:both;
}
于 2012-08-17T18:17:57.403 回答