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

Question

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

我正在帮助这个网站的朋友，这是一个流畅的，基于％的设计（我没有使用过的经验）。

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

非常感谢任何帮助。

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）没有“左”属性。