0

単に水平バーを削除しようとしています。私は1280x800の解像度でサイトを閲覧しているので、とにかく水平バーがないはずです。

クローム、ファイアフォックス、サファリで発生します。

次のサイトにアクセスできます：http：//ilmioforno.com

そして私のコードは、

 body {
background: #f1eee3;
color: #111;
margin: 0;
   }
 #page {
   border: solid black 4px;
   clear: both;
}

 #wrap { 
   clear: both; 

    }

 #content {
    margin: 0 auto;
    padding: 20px;
    border-radius: 10px;
    moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #b63b3b;
    border: 3px solid #942a2a;
    color: #51301f;
    font-size: 13px;
    width: 65%;


}
4

3 に答える 3

2

たとえば、CSSプロパティoverflow-xを使用できます。

#content
{
overflow-x:hidden;
}

水平スクロールバーが削除されます...

このサイトで試すことができます http://www.w3schools.com/cssref/css3_pr_overflow-x.asp

于 2012-07-07T19:16:46.223 に答える
2

問題はdiv#nav、span-24幅を950pxに設定する一方で、360pxのマージンも残っていることです。これにより、含まれている要素のオーバーフローを非表示にしないため、全体の幅が1310pxになります。ナビゲーションの幅を調整する必要があります。950 - 360 = 590私はあなたの全体的な聞き手/ページが950であると仮定します、それはあなたのナビゲーションがせいぜいであるべきであることを意味します。

于 2012-07-07T19:18:41.273 に答える
1

maring-leftから削除#nav：

#nav {
   color: #51301F;
   /*maring-left: 360px;*/
   margin-top: -120px;
   font-weight: bold;
   font-size: 22px;
   text-transform: uppercase;
   background: none;
}

に追加し.menuます：

.menu{
   maring-left: 360px;
}
于 2012-07-07T19:14:50.933 に答える