當我加載網頁時出現CSS/HTML水平滾動條

所以我搞亂了我的網站CSS，並且突然間總是有一個水平滾動條，我的導航欄並沒有全部去即使它的寬度設置爲100％也是如此。這是個常見的問題嗎？我瀏覽了我的CSS值，沒有足夠的頁面需要擴展。當我加載網頁時出現CSS/HTML水平滾動條

編輯：代碼

html { 
height:100%; 
} 

.content { 
    width:269px; 
    margin-left: auto; 
    margin-right: auto; 
    } 
.home { 
    width:100%; 
    margin-left: auto; 
    margin-right: auto; 
    text-align:center; 
    font: bold x-large verdana, arial, helvetica, sans-serif; 
    padding-top:10px; 
    } 
.home a:visited { 
    color: blue; 
    } 

.head { 
    width:100%; 
    text-align:center; 
    padding: 15px; 
    font: bold x-large verdana, arial, helvetica, sans-serif; 
    } 

.foot { 
    width:100%; 
    text-align:center; 
    padding: 20px; 
    font: normal medium verdana, arial, helvetica, sans-serif; 
    } 
body { 
    background-color: #FFF; 
    margin: 0px; 
    padding: 0px; 
    font: normal medium verdana, arial, helvetica, sans-serif; 
} 


div#navbar2 { 
    height: 50px; 
    width: 100%; 
    border-top: solid #000 1px; 
    border-bottom: solid #000 1px; 
    background-color: #336699; 
    text-align:center; 
} 
div#navbar2 ul { 
    margin: 10px; 
    padding: 0px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: x-large; 
    color: #000; 
    line-height: 30px; 
    white-space: nowrap; 
} 
div#navbar2 li { 
    list-style-type: none; 
    display: inline; 
} 
div#navbar2 li a { 
    text-decoration: none; 
    padding: 11px 20px; 
    color: #FFF; 
} 
div#navbar2 li a:link { 
    color: #FFF: 
} 
div#navbar2 li a:visited { 
    color: #FFF; 
} 
div#navbar2 li a:hover { 
    color: #FFF; 
    background-color: #3366FF; 
}

來源

2012-04-16 city

請推你的代碼以便更好地理解 – sandeep 2012-04-16 06:15:25

有些東西已經超越了它的邊界 – Bnjmn 2012-04-16 06:15:27

好的，你想要我添加什麼？ – city 2012-04-16 06:16:45

你的頁腳具有寬度：100％;但也有左，右填充

你總是數學填充和寬度。

編輯：你的。頭

來源

2012-04-16 06:43:34

好的。我將它改爲padding-top，問題仍然存在。或者這種變化不夠好？編輯沒關係onjsfiddle它的工作原理，但在鉻它不我認爲這是因爲餅乾或任何chromes有 – city 2012-04-16 06:44:54

也在.head - 同樣的問題 http://jsfiddle.net/4RQMy/5/ – 2012-04-16 06:45:41

非常感謝你許多！它消失了！ – city 2012-04-16 06:50:48

來隱藏溢出使用的東西：溢出：隱藏;

來源

2012-04-16 06:22:40 tgb

做我只是把在身體？或者cssfile或style標記中的哪一個 – city 2012-04-16 06:27:25

。由該公司的其他化妝 – tgb 2012-04-16 06:37:19

是啊我不知道哪一個溢出，雖然... – city 2012-04-16 06:38:46

一樣只是這個CSS屬性添加到您的身體元素風格。

overflow-x:hidden

它將刪除水平滾動條，並防止右邊的額外空白。

來源

2016-05-30 09:28:50

當我加載網頁時出現CSS/HTML水平滾動條

回答

相關問題