- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：DreamWeaver8でのフロートを使った時のレイアウト崩れについて）
DreamWeaver8でのフロートを使った時のレイアウト崩れについて
このQ&Aのポイント
- DreamWeaver8を使って、ホームページを作る練習をしています。
- 商品写真を<div>タグでくくり、フロートを使って一列に３つの商品が横並びになるようにしたい。
- しかし、レイアウトが崩れてしまい、二列目以降の商品がうまく表示されません。どうすればいいでしょうか？
- samenokoe
- お礼率87% (167/190)
- ホームページ作成ソフト
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
1行目2つ目の高さが一番高く、引っかかっている状態だと思われます。 状況が許せば、一番背の高い商品を一番右に並べるようにすると、改善されるでしょう。 状況が許さなければ、一番左にくる商品にクラス名をつけて、そのクラスに、clear:left;を指定してください。
その他の回答 (1)
- blackigy
- ベストアンサー率50% (1/2)
回答No.1
私も初心者の為、まったく自信が無いのですが、私も同じような１面に画像を整列させる様な仕様を作成した際に中央部分に縦長に表示された事がありました。その際実施したのが、『クリア』でした。 CSS『ボックス』→『クリア』→『両方』を選択し解決した記憶があります。がせネタかもしれませんが１度試してみてください。
質問者
お礼
おかげさまで無事に解決することができました。回答ありがとうございました＾＾
お礼
なんとか問題解決することができました。本当にありがとうございました＾＾