CSSレイアウト時の要素ドリフトの問題_html/css_WEB-ITnose

私は初心者です。CSS を使用して配置すると、いくつかの要素が不可解に移動してしまい、非常に苦痛になります。この問題を説明するために使用したコードを次に示します。赤いマークの部分が問題の焦点です。ul フロートをコメントアウトすると、その親要素の 2 番目が最初とのギャップが生じます。このギャップはどこから来て、このフロートとの関係は何ですか。さらに、ul 要素が全体として少し下に移動するのはなぜですか? これは単なる例です。明らかに、親要素は問題ありません。埋められていますが、満足できず、下に流れていきます。アドバイスをお願いします。