親 div (コンテナー) と内部に 2 列の div がある 2 列のレイアウトがあります。左の列は幅で左にフロートされ、右の列は左にフロートされた div + 20px の幅である左に余白があります。この 2 番目の列が、コンテナーによって提供される残りの幅を占有するようにします。
問題は、2 番目の列に配置されたフローティング コンテンツを下にクリアすると、最初の列の下に表示され、フローティング列と同じ高さの空白が表示されることです。したがって、スクリーン ショットでは < p > タグが左にフロートされ、2 番目のタグが最初のタグをクリアします。
これはどのように修正できますか？参考までに画像のリンクを貼っておきます。以前にこの手法を問題なく使用したことがあるので、何が問題なのかわかりません。
ご覧いただきありがとうございます