在网格 960 中定位 div 正在添加神秘的填充/边距答案

【问题标题】：Positioning a div in grid 960 is adding mystery padding / margin在网格 960 中定位 div 正在添加神秘的填充/边距
【发布时间】：2012-02-21 04:10:53
【问题描述】：

经过测试的浏览器：Chrome、IE、Firefox。问题是 BusinessNav ID 不断被推送超过 3 列。

这是我希望页面看起来像http://www.designobvio.us/dov2/Homepage1.pdf

我绝对可以破解这段代码来进行定位。但正如你所看到的，还有更多页面。如果我现在开始 hack，它肯定会越来越难看。

首先是网站：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>

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

【问题讨论】：

你能解释一下你的实际问题是什么吗？你看到的填充在哪里？你用的是什么浏览器？
是没问题：Browser = chrome, ie, ff. #businessNav 是发生错误的地方
如果您查看第一个链接中的图片，您会看到#businessNav 就在#heresWhy 下方。但是在我的代码中，它不断被推到 3 列

标签： html css html5boilerplate

【解决方案1】：

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

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

【讨论】：

天哪，他们看起来几乎一样！呃，我会从这个错误中吸取教训！非常感谢。