3

これが今日のあなたの愚かな HTML/CSS の質問です....

他の 2 つの div を含む div があります。コンテナは display: box/-webkit-box/etc に設定され、含まれている div を水平方向に積み重ねます。最初に含まれる div には固定コンテンツが含まれ、2 番目には他の小さなタイル div が多数含まれます。

サンプルは次のとおりです: http://jsfiddle.net/dex3703/T2EZy/3/

また安っぽい図 (示されている 1000px は単なる例であることに注意してください。どの div コンテナーにも幅が設定されていません):

安っぽい図

私の問題は、2 番目に含まれる div が親の幅を取るため、常にブラウザーの外に伸びていることです。コンテナ内に 2 つの div を含める必要があります。ブラウザがコンテンツのサイズを変更すると、コンテンツが正しく調整されるように、すべてが動的である必要があります。コンテナまたは 2 番目の div に固定サイズを設定できません。

4

4 に答える 4

0

親と子のサイズがわかるので、とても簡単です。http://jsfiddle.net/rTL6T/

于 2012-04-11T21:16:05.470 に答える
0

display: box を使用する必要がない場合は、古い float メソッドを使用してみてください: http://jsfiddle.net/gpdV3/

于 2012-04-11T20:58:52.773 に答える
0

親が 100% ではなく PX であることがわかっている場合。

スクリーンショット「1000px」をどのように配置するか、cssが機能するとしましょう

元:

ここをクリック

于 2012-04-11T20:59:13.990 に答える
-1

これは、div の幅 (.MyClass{width:1000px} のようなもの) をコードで強制しているためです。

この回答を見てください:

親を埋めるためにCSSの幅を作る方法は?

于 2012-04-11T20:49:51.853 に答える