- ベストアンサー
２カラムで固定幅＋可変幅のCSSは？
２カラムのデザインで、左のカラムは幅が200px、右のカラムは幅が可変（100%から200pxを引いた値）にするにはどうすればいいのでしょうか？ なお、右カラムの中身の文章はごくごく少量のときもありえます。 以上、よろしくお願いします。
- dicemiyagawa
- お礼率8% (8/100)
- CSS
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
例えば、標準的な構成だとして・・ 文書構造が分かりやすいようにHTML5で書くと <body> <header> <h1>見出し</h1> </deader> <section> <h2>本文</h2> <nav> <h3>目次</h3> </nav> </section> <footer> <h2>文書情報</h2> </footer> </body> [HTML4]などでしたら <body> <div class="header"> <h1>見出し</h1> </div> <div clas=="section"> <h2>本文</h2> <div class="nav"> <h3>目次</h3> </div> </div> <div class="footer"> <h2>文書情報</h2> </div> </body> ですかね。 navに最低限必要と思われる高さをsectionにmin-heightで設定しておいて、navをsectionを基準にabsoluteで配置するのが率直でしょう。
