私は単純な2ブロックの列を持っています:
<div id="wrap">
<div class="column_1"></div>
<div class="column_2"></div>
</div>
幅を固定したいのですcolumn_2が、60pxとしましょう。両方の列が左に浮いています。また、列の合計 (可変) 幅は、ラップの合計幅に等しくなります。
#wrap { width: 100%; }
.column_1, .column_2 { float: left; }
.column_2 { width: 60px; }
注: ラップはさまざまなサイズのブロック内にネストされているため、幅が変わります。
使用の良い例は、column_1 内のテキスト入力で、column_2 にボタンがあります。もちろん、ボタンは同じサイズのままですが、column_1 内の入力はそれに応じて伸びます。
これについてはどうすればよいでしょうか？
注: CSS ソリューションを希望しますが、それが実際に不可能な場合は、jquery ソリューションを使用できます。