0

基本的に、ネストされたコンテンツを持つメイン コンテナー div があります。この div には動的な幅があり、ページに合わせてサイズが変更されます。

さて、この div にはアイテムのリストがあります。すべてのアイテムは固定幅で、コンテナ div (overflow: auto) を拡張できるようにしたいです。リストを display: block; として設定すると、コンテナの 100% 幅になります。ただし、水平スクロールバーを強制するリスト項目が多数ある場合、ブロック リストはコンテナー スクロールバーで停止し、リスト項目はそれを通過し続けます。

以下に例を示します: http://jsfiddle.net/9tjZz/4/

項目が行うコンテナー リストのスクロールバーを超えてブロック リストを拡張するにはどうすればよいですか?

4

1 に答える 1

1

clearfix を使用してこれを修正できます... clearfix クラスをコンテナに追加し、適切な CSS を追加するだけです。これが実際の例です：

http://jsfiddle.net/9tjZz/5/

必要な CSS は次のとおりです。

.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    .clearfix {
        display: inline-block;
    }

    html[xmlns] .clearfix {
        display: block;
    }

    * html .clearfix {
        height: 1%;
    }

そして、class="clearfix"必要な場所に追加します。あなたの場合、それはコンテナです。

于 2012-01-19T06:32:56.277 に答える