2011-08-03 12 views
1

ほとんどのテーブルマークアップはCSSに変換できます。しかし、ここで私は正確なCSS翻訳が見つかりません。基本的に2つの列。左の列はコンテンツを格納するのに必要な最小幅に展開され、2番目の列は画面の残りの部分を埋めます。これはCSSでも可能ですか?このテーブルマークアップをCSSに変換することは可能ですか?

<table width="100%"> 
    <tr> 
     <td>This will expand to the minimum it needs.</td> 
     <td width="100%">This cell tries to get as much width as it can.</td> 
    </tr> 
</table> 
+0

floatを使用してみましたか?最初のTDをフロートさせた場合は、必要なだけ幅が広がりますが、2番目のTDは全幅を保持します。ただし、最初の列が短い場合は、2番目の列が最初の列をラップします。 – OverZealous

答えて

1

私はちょうど仕事に表示される、これをしようと思ったが、(例えばブラウザの互換性など)これで問題があるかどうかはわかりません。あなたがより良い解決策を提供することができますか、または追加の情報で同じ解決策を提供することができれば、私はあなたの答えを受け入れます。

<div> 
    <div style="float: left;"></div> 
    <div style="overflow: hidden;"></div> 
</div> 
+1

それは実際に動作します。追加情報については、私の答えはこちらをご覧ください:http://stackoverflow.com/questions/6809079/two-divs-side-by-side-one-100-width-others-width-depended-on-content/6809143# 6809143 – thirtydot

+0

素晴らしい情報 - ありがとう! –

関連する問題