Question

基本上我正在努力保持页面的流量。

对于我的内容，我有：

<div id="content">
  <div id="adsense1">
  </div>
  <div id="mainContentSpace">
      <div id="mainContent">
      </div>
      <div id="feed">
      </div>
  </div>
  <div id="adsense2">
  </div>
</div>

<div id=something">
<div>

的CSS：

#content { width: 1240px;}

#adsense1 { width: 1240px;}

#mainContentSpace { width: 1240px;}

#mainContent { float: left; position: relative; width: 900px; background-color: blue;}

#feed { float: left; width: 300px; height: 600px; background-color: red;}

#adsense2 { width: 1240px;}

问题在于，无论我放入div中的内容，它都会显示在浮动元素旁边的页面上。我希望我可以避免在没有高度的div上设置高度，并且仍然保持页面的flw正常。

任何人都可以告诉我是否有一种方法可以在没有设置高度的浮动div之后保持以下div。那就是有办法。

Answer 1

我修改了你的代码，看一看。

HTML：

<div id="content">
   <div id="adsense1">
</div>
<div id="mainContentSpace">
  <div id="mainContent">
  </div>
  <div id="feed">
  </div>
</div>
<div id="adsense2">
</div>
<div class="clearer"></div>
</div>

<div id=something">
    TEST
<div>

CSS：

#content { width: 1240px; border: 3px solid orange;}

#adsense1 { width: 1240px;}

#mainContentSpace { width: 1240px;}

#mainContent { float: left; width: 900px; height: 600px; background-color: blue;  1px solid green;}

#feed { float: left; width: 340px; height: 600px; background-color: red;}

#adsense2 { width: 1240px;}

div.clearer{
    clear: both;    
}

结论，你应该在div之后清除浮动，常见的方法是使用CSS clear：both; 属性创建div并将其放在浮动div之后。此外，您可以使用此方法而不指定高度，但您需要在div中包含一些内容！

浮动div破坏页面流

1 个答案: