不需要的水平滾動條在流體佈局

http://www.twofivefivefive.com/asctest/不需要的水平滾動條在流體佈局

我幫助的朋友與此網站，它是一個流體，基於％設計（我沒有經驗與工作）。

出於某種原因，我得到一個水平滾動條，滾動到右側的空白處。我沒有最微弱的線索是什麼導致頁面比應該更寬，我已經三重檢查了代碼，並且所有內容似乎都是按順序排列的。我越來越絕望了！

任何幫助將不勝感激。

2010-08-10 goddamnyouryan

順便說一下，在大型監視器上，頂部（div＃topNav）的」About | Another Page「鏈接放置在大型白色框（div＃容器）的最右上角if （如果你沒有看到這個，只需縮小瀏覽器來假裝你有一個更大的顯示器。）我認爲這是因爲前一個節點（di v＃topTitle）有「float：left」設置。如果您沒有在div＃topTitle上設置「float：left」，並將其margin-top更改爲padding-top，則應該解決該問題。但它可能會影響頁面上的其他項目（不太可能）。 – jhartz 2010-08-10 21:13:54

它都在<div id="header">之內。 <div id="topTitle">和<div id="topNav">都將CSS「position」屬性設置爲「relative」，然後將「left」屬性設置爲從頁面左側開始偏移。但是，元素保持相同的寬度（100％）並被推向右側。

如果設置「margin-left」而不是「left」，元素將有一個左邊距，但不會向右推，因爲「left」仍然在容器的左邊緣（所以div #topTitle應該有margin-left: 270px;集，沒有「左」屬性設置和div＃topNav應該有margin-left: 281px;集（261px「遷移」從「左」屬性和一個額外的20px已被設置爲保留左）沒有「左「屬性

來源

2010-08-10 20:53:52 jhartz

不需要的水平滾動條在流體佈局

回答

相關問題