ارتفاع پدر، فرزندان float!
سوال جدیدسلام، وقت بخیر
وقتی ما یک div پدر داشته باشیم
و درون این div چند عنصر فرزند داشته باشیم.
اگر به این فرزندان float:left یا float:right بدهیم
پدر ارتفاع خودش را از دست می‌هد. چون این فرزندان از flow نرمال خارج شده و تاثیری در ارتفاع پدر ندارند.
یکی از تکنیک هایی که باعث می‌شود پدر ارتفاع خودش را بدست بیاورد استفاده از ویژگی overflow:hidden برای عنصر پدر هست.
خواستم بدوتم چرا و به چه دلیل overflow باعث انجام این کار می‌شود.
لطفا تکنیک های دیگر مثل clearfix را تشریح نکنید. فقط چرایی overflow را توضیح دهید.
با سلام،
چون overflow از نوع hidden و auto باعث ساخته شدن block formating context میشه، که یکی از کارهای block formating context این هستش که عناصر float رو هم در بر بگیره.
وقتی یک عنصر، position از نوع absolute یا fixed داشته باشه هم block formating context براش بوجود میاد.
این مطلب کامل این موضوع رو شرح داده:
