مشکل با float در css

[shatech]

سلام،

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

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

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

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