- 締切済み
CSSでの幅指定・・・
CSSで、 一つのdivの中に、二つのdivがあるとき、 二つのdivの片方を310px;で指定して、 もう片方を、画面サイズにあわせて可変するようにするにはどうしたらよいですか？ 310pxで指定したところは、文章などがはみ出さないようにしたいです。(つまり、二つの文章同士がはみ出さないようにして欲しいです。) CSSのソースはこちらです。 div#content{ width: 100%; } div#1{ float: left; } div#2{ width: 310px; float: right; } HTMLは、上記の通り、一つのdivに二つのdivが入っている状態になっています。 <div id="content"> <div id="afl1"> </div> <div id="web1"> </div> </div>
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- steel_gray
- ベストアンサー率66% (1052/1578)
固定幅のペインを右側に置きたい場合、それを先に記述して左側のペインを回りこませるという手法を使うことになると思いますが、SEO的には主コンテンツを後まわしにするのは不利になるのであまりおすすめできません。 一応サンプル。 <html><head> <style type="text/css"> #contents{width:100%;} #afl1{float:right;width:310px;background-color:#fcc;} #web1{margin-right:310px;background-color:#ccf;} </style> </head><body> <div id="content"> <div id="afl1"> 固定幅 </div> <div id="web1"> 可変幅 </div> </div> </body></html>
