مشکل با float در css

[<?php?>]

سلام ::: https://jsfiddle.net/ha1mstcx/1/

چرا وقتی که ارتفاع تگ های aside و یا article رو بیشتر میکنیم . ارتفاع تگ Main افزایش پیدا نمیکنه ؟

چیکار کنم که این دو تگ در کنار هم باشن و همچنین با افزایش ارتفاع اون ها تگ مادر که main باشه بیشتر بشه ؟؟


ممنون از لطفتون

[mojtaba05]

سلام،

clearfix رو در گوگل جستجو کنید، در این خصوص به نتایج خوبی می رسید، در این مثال شما، با افزودن این کد مشکلتون حل میشه:


main::after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}


دموی شما رو بروز کزدم:
https://jsfiddle.net/ha1mstcx/2/

[shatech]

سلام،

clearfix رو در گوگل جستجو کنید، در این خصوص به نتایج خوبی می رسید، در این مثال شما، با افزودن این کد مشکلتون حل میشه:


main::after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}


دموی شما رو بروز کزدم:
https://jsfiddle.net/ha1mstcx/2/

با این دوستمون موافق هستم تشکر

[<?php?>]

سلام،

clearfix رو در گوگل جستجو کنید، در این خصوص به نتایج خوبی می رسید، در این مثال شما، با افزودن این کد مشکلتون حل میشه:


main::after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}


دموی شما رو بروز کزدم:
https://jsfiddle.net/ha1mstcx/2/

از لطفی که داشتید و راهنماییم کردید خیلی ممنونم دوست من