• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:CSSで高さを自動にするとレイアウトが崩れる)

CSSで高さを自動にするとレイアウトが崩れる

このQ&Aのポイント
  • dreamweaevr8でスタイルシートを使ったレイアウトにチャレンジしています。
  • divタグの「高さ」の設定について悩んでいるので教えてください。
  • div A(左にフロート)とdiv B(右にフロート)があります。AとBにはそれぞれテキストやイメージが入っており、内容量が違うので高さも違います。そこで、AとBを包括するCというdivを作成しました。このとき、Cの高さに適当に数値が入っていれば、きれいにAとBが収まった状態になるのですが、Cの高さを「自動」にすると、Cの高さがなくなったような状態になってしまいます。この場合どうすればよいか教えてください。「自動」とは、内容量に応じて高さが都度調節されるということではないのでしょうか?どうぞよろしくお願いいたします。

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

  • ベストアンサー
  • ulmo
  • ベストアンサー率43% (197/454)
回答No.1

ABCすべてにwidthを設定して下さい。 また、ABの後には clear:both を行うタグを置いて下さい (<br style="clear:both" />など)。 あと、DOCTYPE を XHTML 1.0 Strict、 IE対策のため最初の行の <?xml... ?> を削除して下さい。 これでたぶんうまくいくと思います。

soramegane
質問者

お礼

うまくいきました!このような方法があるとは全く知りませんでしたので、 本当に助かりました。 ありがとうございました!

関連するQ&A