0

そのため、サイトの CSS をいじっていますが、突然、常に水平スクロール バーが表示され、幅が 100% に設定されていてもナビゲーション バーが最後まで表示されません。これはよくある問題ですか？CSS の値を調べましたが、ページを拡張する必要があるほど十分なものはありません。

編集：コード

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;
}
4

3 に答える 3

2

フッターには width:100%; があります。左右のパディングもあります

常にパディングと幅を計算する必要があります。

編集: .head と同じ

于 2012-04-16T06:43:34.770 に答える
1

オーバーフローしたものを非表示にするには、overflow:hidden; を使用します。

于 2012-04-16T06:22:40.843 に答える
0

この css プロパティを body 要素のスタイルに追加するだけです。

overflow-x:hidden

水平スクロールバーが削除され、右側の余分な空白が確実に防止されます。

于 2016-05-30T09:28:50.980 に答える