مشکل با 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/

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