ブラウザの幅の100%のセクションが必要なコンテンツを実装しようとしています。その中に、左側のサイズに200pxの幅のdivが必要であり、右側に動的な幅のdivが必要です。ブラウザの幅によって異なります。例..ブラウザ=900px->左div200px右div700px。そして、両方のdivは、入力する情報の量に応じて動的な高さを持ちます。ラッパーdivは、これら2つのdivの高さの中で最大のものを取ります。
これまでのところ、私はこのhtmlのようなことをしました
<section id="wrapper">
<div id="list">
</div>
<div id="grid">
</div>
</section>
css
#wrapper {
width: 100%;
min-width: 1000px;
margin: 0 auto;
padding: 40px 0;
overflow: hidden;
}
今、私は#listと#griddivをcssする必要があります。後で私は#griddiv内で同じことをするので、これに対する効率的な解決策があることを願っています:)
ダニエル、よろしくお願いします!