html - 添加 float 删除背景

Question

我觉得我在这里遗漏了一些非常简单的东西。

我在这个页面上有内容:http://wilcoxauto.wpengine.com/inventory/2014/Chevrolet/Camaro/MN/Forest%20Lake/2G1FB1E32E9313263/

页面顶部有三列不同宽度的列。再往下，我在车辆评论和车辆规范下有内容。车辆评论和车辆规范位于 ID 为 eagle-content-detail-bottom 的 div 中。三列中的每一列也在它们自己的 div 中。一切都在一个提供白色 background 的包装器中。

我想将评论和规范上移，以便它们位于车辆图片和定价信息的下方。如果我将 float:left; 添加到 div eagle-content-detail-bottom 的 css 我不知何故失去白色背景，除了最顶部(在 vin 号码和打印图像下方)并且内容不会移动。

如有任何帮助，我们将不胜感激。

谢谢，贾里德

Answer 1

每当您 float 元素时，您需要清除它们。

例如。

<div class="main">
  <div class="one">one</div>
  <div class="two">two</div>
</div>

.one{float:left;}
.two{float:right;}
.main{overflow:hidden;}/*clear the float*/

你可能会用到clearfix技术，搜索一下就可以了。

玩得开心。