CSS Layout Page Instance code

Create the CSS file as follows:

 @charset "Utf-8";/* CSS Document */*{margin:0px;    padding:0px; border:0px;}    #box {width:1100px;    height:760px; Margin:auto;}    #hen {width:1100px;    height:160px; Background-color: #936;}    #zuo {width:250px;    height:500px;    margin-top:10px;    Background-color: #03C;    Float:left; margin-bottom:10px;}    #zhong -1{width:262px;    height:300px;    margin-top:10px;    margin-left:10px;    Float:left; Background-color: #000;}    #zhong -2{width:262px;    height:300px;    margin-top:10px;    margin-left:10px;    Float:left; Background-color: #000;}    #xia {width:544px;    height:190px;    Background-color: #03C;    margin-top:10px;    Float:left; margin-bottom:10px;}    #you {width:295px;    height:500px;    margin-left:10px;    margin-top:10px;    Background-color: #3F6;    Float:right; margin-bottom:10px;}    #dibu {width:1100px;    height:50px;    margin-top:10px;    Background-color: #CF3; Clear:both;} 

The HTML file is as follows:

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Final results: