我需要将bg颜色设置为固定大小，并且我希望#second-div在<hr>之后开始。但是，这个固定的bg-color高度弄乱了我的文档流程，h1的bg-div -s出现在我的#second-div上。有什么想法该如何解决？
我尝试使用clearfix，但是它没有帮助，因为bg-div没有浮点数...
<head>
<style>
.bg-div {
width: 100%;
height: 200px;
background-color: #00FF00;
}
</style>
</head>
<body>
<div class="bg-div">
<h1>bg-div-content</h1>
<h1>bg-div-content</h1>
<h1>bg-div-content</h1>
<h1>bg-div-content</h1>
<h1>bg-div-content</h1>
<h1>bg-div-content</h1>
<hr>
</div>
<div id="second-div">
<h1>second div content</h1>
</div>
</body>
如果您将高度保持固定，则内容显然会溢出。 height:100%并不是一个好习惯，因为它确实非常适合并且根据内容是动态的。您的html应该是动态的，因为您无法实时预期内容的大小。