Old novice, please ask about DIV layout_html/css_WEB-ITnose

Oh, this is because you did not clear the floats

Both left and right are floating divs, and the following divs will be placed under them (and placed as close as possible)

Add a

before the foot div or wrap left and right with a div.

In addition, there is a small problem with your box model. The id of the foot is written as "if"



http://www.colg.biz/demo/d1.html

Ha, it turns out that my id="foot" was written as if="foot"
Just change it. DW has no error correction function, so it really fails.

In addition, using a div to wrap the floating left and right is also a good method. Thank you