0

ナビゲーション バーを作成し、css でスタイルを設定して、画面全体に広がるようにしました。ウィンドウのサイズを変更するまでは問題ありません。コンテンツがウィンドウのサイズを超えているページを右に水平にスクロールすると、ナビゲーション バーが完全に拡張されません。

現在のように空白を残すのではなく、右にスクロールするとナビゲーション バーが拡張されるようにします。CSSでこれを実現できますか?

現在使用しているCSSコードは次のとおりです。

        .navigation{
        min-width: 100%;
        height: 40px;
        background-image: url(../images/images/banner.png);
        padding-left:10px;
        }

        .navigation li{
        display: inline-block;
        padding-left: 25px; 
        padding-top: 10px;
        }

        li.logout{
        float:right;
        padding-right: 25px;
        }
4

2 に答える 2

0

あなたの問題は、.navigation クラスを UL に適用している可能性があることだと思います。ナビゲーション クラスは、リンクを含む UL のコンテナーにする必要があります。私はあなたがやろうとしていることの例を作りました：

http://jsfiddle.net/ckaufman/w2KUG/1/

于 2012-04-08T21:13:41.413 に答える
0

100% 幅ではオーバーフローが考慮されないため、ウィンドウの実際の幅に対して常に相対的になります。実際のテーブルではなくテーブル表示スタイルを使用できる可能性がありますが、オーバーフローに対応するためにテーブルのみが拡張されます。

于 2012-04-08T21:04:47.413 に答える