• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ボックスをウインドサイズに合わせて配置する方法)

ボックスをウインドサイズに合わせて配置する方法

このQ&Aのポイント
  • 複数のボックスを左詰めで配置し、ウインドに収まりきらない場合は、折りかえして次の列(下の列)から配置するにはどうしたらよいでしょうか?
  • ウインド幅が900px以上なら横に3つ並んで表示。ウインド幅が900px以下、600以上なら一列目に2つ、2列目に1つ表示。ウインド幅が600px以下なら縦に3つ並んで表示。
  • ボックスのCSSには、width: 300px; height: 180px; の設定があります。

質問者が選んだベストアンサー

  • ベストアンサー
  • auty
  • ベストアンサー率58% (284/486)
回答No.1

<div> タグは、ボックス要素なのでそのままでは常に縦に並びます。 float: left; を加えてみてください。

kingfruits
質問者

お礼

ご回答ありがとうございました。

すると、全ての回答が全文表示されます。

関連するQ&A