※ ChatGPTを利用し、要約された質問です(原文:【CSS】floatで横に並べている2つのボックスを…)
【CSS】floatで横に並べている2つのボックスを…
このQ&Aのポイント
サイト内で日々の更新履歴を記載するため、【day】と【content】で2つのdivボックスを作ります。
【day】には「float:left」を、【content】には「clear:right」を設定することで、1行目のみキレイに横並びになります。
しかし、2行目以降からどんどんズレが生じてしまい、並びが崩れてしまいます。
【CSS】floatで横に並べている2つのボックスを…
初めまして。どうぞ宜しくお願い致します。
サイト内で日々の更新履歴を記載してゆく為、
【day】と
【content】とで2つのdivボックスを作り
【day】には「float:left」を、
【content】には「clear:right」をそれぞれに設定致しますと、
1行目のみ【day】【content】
といったようにキレイに横並びになってくれるのですが、
(毎日の履歴ですので)このまとまりを繰り返し表記致しますと、
本当は
【day】【content】
【day】【content】
【day】【content】
・
・
・
・
というように並んでほしいのですが、
何故か2行目以降からどんどんズレはじめて
【day】【content】
【day】【content】
【day】【content】
・
・
・
・
という風に表記されてしまいます。
ちなみに、以前はこれと全く同じ方法できちんと並んでくれていたように思います。
以前と現在のレイアウトで違うことと言えば、
●同じことを<td>~</td>の中で行っていること、
●float:leftを設定している【day】部分にあたる左側のdiv内が、テキストではなく画像になっている点です。
初心者の質問で本当にお手数をお掛け致しますが、
解決の方法をご存じの方がいらっしゃいましたら、何卒宜しくお願い致します。
お礼
すみません!間違えて二重投稿しちゃいました! こちらを締め切ります(汗)ご指摘有難うございました(;-;)