1

したがって、オーバーフロー: コンテナ内の div で非表示にすると、流動的であると思われるときに div の幅が制限されるというこの問題に遭遇しました。したがって、基本的に私はこれに似た構造を持っています:

<div id="container">
    <div id="leftColumn">
        //content
    </div>
    <div id="rightColumn">
        //content
    </div>
</div>

この状況では、leftColumn div は固定幅であり、rightColumn は可変であり、残りの幅を埋めることになっています。問題は、overflow: hidden を rightColumn (背景色がある) に追加すると、幅が指定した最小幅に縮小することです。残りの幅スペースに拡張する方法はありますか? これが私が現在CSSのために持っているものです：

#container {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-width: 800px;
}

#leftColumn {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    width: 230px;
    position: relative;
    float: left;
}

#rightColumn {
    margin: 0px 0px 0px 250px;
    padding: 10px 10px 10px 10px;
    min-width: 530px;
    overflow: hidden;
    background: #fff;
}

考え？

4

2 に答える 2

0

それは私のために働きます（FF3.6.13）。ページ上に干渉している可能性のあるもの（スタイルまたは要素）が他にないかどうかを確認してください。また、別のブラウザを確認してください。また、テスト時に手動でページを変更する場合は、ブラウザでハードリフレッシュ（Ctrl-F5）を実行して、新しいスタイルが読み込まれることを確認してください。

于 2011-01-27T09:05:28.380 に答える
0

それはあなたが私のフィドルで説明したとおりに機能しました...適用されたものに縮小しmin-widthますoverflow : hidden。

不必要に div をネストするのは嫌いですが、これはうまくいく可能性がありますか?

http://jsfiddle.net/cVNaJ/

右の列を「ラッパー」に変更しました。overflow : hiddenコンテンツは、元の名前にちなんで名付けられた子 div 内に含まれています。多分これはおそらく役立ちますか？

于 2011-01-27T09:27:18.877 に答える