如何在我的網站

擺脫單槓的水平滾動條出現在我的網站和網頁，現在寬度大於它。我記得最後一件事是添加一個小部件（將圖片鏈接到另一個網站）到我的頁面的右側邊欄。我刪除了小部件，但橫條仍然保留在頁面的底部，並且網頁仍然太寬。你能幫我把頁面恢復到正常的水平尺寸，並且沒有水平滾動條。感謝如何在我的網站

這裏是網站 www.runningnurse.com

2012-02-01 reggie

頁腳過長 – Ibu 2012-02-01 18:36:07

爲什麼人們downvoting呢？ – egrunin 2012-02-01 18:40:15

不知道。 Upvoted以對抗 – AlienWebguy 2012-02-01 18:41:20

的問題是在頁腳，它太寬，因爲ul（ul元素的div子元素只應該有li作爲他們的子元素！）位於左側。

你有這樣的HTML頁面的底部：

<div id="footer"> 
    <ul class="footer-links"> 
     <div style="position:relative;left: 119px; "></div> 
    </ul>

用這個代替：

<div id="footer"> 
    <ul class="footer-links" style="margin-left: 133px;"> 
     <div>...</div> 
    </ul>

而且該HTML包含在觀看時有很多的錯誤可能給影響的事實在不同的瀏覽器中。

2012-02-01 18:41:57 fivedigit

fivedigit你是男人!!!!我完全按照你的建議和瞧，該網站被修復..感謝百萬幫助我解決這個問題！我仍然是網站遊戲的新手..我會研究你的解決方案，以從中學習更多..謝謝！ – reggie 2012-02-02 05:33:09

嘿Fivedigit你能告訴我你是怎麼知道這是導致問題的頁腳？謝謝 – reggie 2012-02-02 14:32:28

我使用Opera的開發工具。所有主流瀏覽器都有類似的工具，它們總是包含一個DOM檢查器。它與您正在查看的頁面很好地集成。通過將元素懸停在頁面上或DOM檢查器中，您可以將元素的大小看作一個框，因此很容易計算出它們的大小和位置。 – fivedigit 2012-02-02 16:53:12

的問題與您的頁腳做：

添加#footer{width:947px}，它擺脫了我的水平滾動條。

2012-02-01 18:35:28 locrizak

locrizak感謝你在正確的軌道上的建議，這是頁腳。感謝您花時間幫我解決這個問題！ – reggie 2012-02-02 05:39:27

一個簡單的方法是將隱藏在身上的標籤溢出。

body { 
overflow-x: hidden; 
}

使用溢出 - X

2012-02-01 18:38:50 j08691

謝謝j08691，問題出現在頁腳上。我嘗試了你的建議，它刪除了瀏覽器中的欄，但在Firefox中，你仍然可以用鼠標將頁面向右滾動。在safari中它工作正常......感謝所有的幫助！ – reggie 2012-02-02 05:37:32

在您的頁腳你有一個內聯CSS一個div：

position:relative;left: 119px;

這是該網站到底有多少滾動。對於效果這將刪除滾動條的另一種風格是這樣的：

padding-left:119px; overflow:hidden;

2012-02-01 18:40:14 AlienWebguy

AlienWebguy你真棒，問題是在footer..thanks一百萬！感謝您花時間幫助我！ – reggie 2012-02-02 05:31:27

正如@ j08691建議，使用overflow:hidden和您的問題將得到解決。

2012-02-01 19:09:37 iuditg

謝謝luditg，問題是頁腳...感謝所有的幫助！ – reggie 2012-02-02 05:37:56

不是問題:) – iuditg 2012-02-02 15:08:49

回答