html - 流体布局中不需要的水平滚动条

Question

http://www.twofivefivefive.com/asctest/

我正在帮助一个 friend 做这个网站，它是一个流畅的、基于 % 的设计(我没有使用过它)。

出于某种原因，我得到了一个水平滚动条，它滚动到右侧的空白区域。我不知道是什么导致页面比它应该的更宽，我已经三次检查代码并且一切似乎都是有序的;我越来越绝望了!

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

Answer 1

都在<div id="header">里面. <div id="topTitle">和 <div id="topNav">两者都将 CSS“position”属性设置为“relative”，然后将“left”属性设置为相对于页面左侧的偏移量。但是，该元素保持其相同的宽度 (100%) 并被推到右侧。

如果你设置“margin-left”而不是“left”，元素将有一个左边距但不会向右推，因为“left”仍然在容器的左边缘(所以 div# topTitle 应该有 margin-left: 270px; 设置并且没有设置“left”属性，div#topNav 应该有 margin-left: 281px; 设置(261px 从“left”属性“迁移”和一个额外的 20px 已经设置为 margin-left)没有“左”属性。