html - Floating div overlaping -



html - Floating div overlaping -

i working on html web designe. have 3 divs.. 1 header, middle, footer. 1200px width header has height of 150px. footer has heights of 150px. made height of middle auto, min-height:500px. placed 2 other divs within middle div.both divs float: left. height:auto. problem when contant of divs more min height of 500 0px contant overlaps footer... size of middle not increasing

you can use:-

.clr{clear: both;}

demo

or

demo

you can utilize clearfix class also

.clearfix:after{content:'';display:block;clear:both}

html css position css-float

Comments

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -