Question

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

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

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

我想移动评论和规格，以便它们位于车辆图像和定价信息的下方。如果我将float:left;添加到css div eagle-content-detail-bottom，我会以某种方式丢失白色背景，除非在最顶部（在vin编号和打印图像下）和内容不动。

非常感谢任何帮助。

谢谢你，贾里德

Answer 1

每当你浮动元素时，你需要清除它们。

例如。

<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技术，只需搜索它。

玩得开心。

Answer 2

尝试这个，不是一个非常合适的解决方案，但我猜是有效的

 #eagle-content-detail-bottom{
   position : absolute;
   top : 650px;
 }

Answer 3

首先正确包装你的div，你可以按照下面的代码进行干净方便的设计，

<div id="product_details" class="container-fluid">
  <div id="eagle-content-detail-left">...</div>
  <div id="eagle-content-detail-center">...</div>
  <div id="eagle-content-detail-right">...</div>
</div>

然后将您的DESCRIPTION div和类似的Vechiles DIV包装在另一行中。

<div id="product_details" class="container-fluid">
  <div id="eagle-content-detail-bottom">....</div>
  <div id="eagle-content-detail-right">....</div>
</div>

CSS

.container-fluid{width:100%;float:left;}
#eagle-content-detail-bottom{float:left;}

这将根据您的需要简单地设置您的所有结构。

添加浮动删除背景

3 个答案: