1

動的な幅を使用する Web ページがあります (ブラウザ領域全体を占めるように拡張されます)。このページ内に、固定幅の「左パネル」と動的なサイズの中央/右領域が必要なコンテンツ コンテナ div があります。

<div id="content">
   <div class="left-panel">
   </div>
   <div class="center-panel">
   </div>
</div>

私の問題は、左パネルを固定幅に設定し、中央パネルを 100% に設定すると、後者が残りの領域ではなく、コンテンツ div の全幅を占めることです。マージンを使用してこれを回避できますが、HTML5 や CSS3 でこれを行うよりスマートな方法がないか疑問に思っていましたか?

4

3 に答える 3

2

最近css3 flexboxについて聞きました。まだ使用していませんが、見栄えがします。また、この非常に優れたチュートリアルも見つけました。

于 2012-04-12T03:18:55.027 に答える
2

あなたの質問を完全に理解しているかどうかはわかりませんが、これはあなたが求めているものですか？http://jsfiddle.net/maU5N/

于 2012-04-12T04:25:35.987 に答える
0

私の提案は、メディア クエリを使用してブラウザーの幅を取得し、ブラウザーの解像度ごとに幅を修正することです。

于 2012-04-12T03:15:25.007 に答える