html - 在网格 960 中定位一个 div 会添加神秘的填充/边距

Question

在以下浏览器中测试:Chrome、IE、Firefox。 问题是 BusinessNav ID 不断被推送到 3 列。

这是我希望页面的样子 http://www.designobvio.us/dov2/Homepage1.pdf

我绝对可以破解这段代码来使定位工作。但是正如您所看到的，还剩下很多页面。如果我现在开始黑客攻击，它肯定会变得越来越丑陋。

首先是网站:http://designobvio.us/dov2/index.html (我已经突出显示了潜在的问题区域)

CSS 样式:搜索/*User Styles */(只有几个)

这里是低点:

  <div id="businessNav" class="grid_3 ">
   <h2>Relationship</h2>
   <h2>Wages</h2>
   <h2>Common Sense</h2>
   <h2>Forward Thinker</h2>
   <h2>Learning</h2>
  </div>

这段代码受到以下问题的影响:

  <div id="heresWhy" class="grid_3">
   <h1>And Here's Why</h1>
   <p>...<p> 
  </div>

或者

<div id="headerBusiness" class="grid_6">
  <h1>Business</h1>
</div>

有人看到我的代码中的差异吗？ 谢谢大家

Answer 1

因为“Hereswhy”的高度是362px，而你的“headerBusiness”只有360px，所以你的“BusinessNav”不能向左浮动。

一旦你给“Hereswhy”和“headerBusiness”相同的高度，比如362px，它就会给你你想要的