چرا ارتفاع خودکار در float از بین می ره؟

[ab.ali]

با سلام، یک div دارم که والد و یک div دیگه هم دارم که داخلش است، ارتفاع تگ والد auto است و چون صفحه داینامیک است به اون div داخل والد float:right می دم که از راست به چپ چیده بشن، اما پس از دادن float، پس زمینه تگ والد که ارتفاعش auto است صفر می شه و هیچ پس زمینه ای نداره ، توی سایت stackoverflow تحقیق کردم ، باید به اون تگ والد overflow:hidden بدم و درست شد اما:
1. نمی شه از چیر دیگه ای استفاده کرد؟
2. اصلا چرا ارتفاع بعد از دادن float از بین می ره؟؟؟؟
حالا چرا از hidden؟؟؟؟

[rezakho]

ساختار float به همین صورت هست، وقتی محتوای تگی شناور بشه، تگ والد ارتفاع خودش رو از دست میده
به حل این مشکل! میگن clearfix
باید بعد از اخرین تگ float شده، یک تگ div با استایل clear:both بگذاری

[ab.ali]

ممنون!!!!!!!!!!!!!!!