Float Clearfix   CSS


Summary

Elements after a floating element will flow around it. Use the "clearfix" hack to fix the problem.


float_wrapper {
overflow: auto;
}

/* or */

float_wrapper::after {
content: "";
clear: both;
display: table;
}

/* or */

float_wrapper::after { content:''; clear:both; display:block; }


Result



            

References


Tags

#clearfix  #float 


[ Edit (Author only) ]