Div不正确包含文本

Question

如果不移动任何HTML，我如何修复此页面上的#wrapper #banner .banner_box以及许多其他类似问题。我已经尝试将高度设置为自动并将横幅显示为块，但它仍保持相同的大小。我希望它包含其中的所有文本和视频，而不设置固定的高度。

Answer 1

最简单的解决方案是在关闭之前在<div class="clr"></div>内添加另一个#banner

这将确保元素#banner的高度保持其clear: both;儿童的身高

<小时/> 如果你想要一个纯CSS解决方案。

只需将overflow: auto;添加到元素#banner（不保持高度的那个）

另外，在你的情况下......应该将它添加到#wrapper #banner .banner_box并添加一些额外的填充底部。

#wrapper #banner .banner_box {
    margin: 0 auto;
    position: relative;
    width: 972px;
    padding-top: 15px;
    padding-bottom: 30px;
    overflow: auto;
}

现在它将调整到适当的高度。

Answer 2

从template.css第338行中删除float:left，然后添加以下样式：

.custom_find{
  display: inline-block;
}