#wrap{width: 1200px; height: 400px; background: red; margin: 50px auto;}
#left{width: 800px; height: 400px; background: yellow; float: left;}
#top{width: 800px; height: 90px; background:#ffefbf; border-bottom: 10px solid #fff;}
#bottom{width: 800px; height: 300px; background:#bfffcf;}
.bottomLeft{width:600px; height: 300px; float: left; background: #bfbfff;}
.bottomRight{width:190px; height: 300px; float: left; background: #efbfff; border-left: 10px solid #fff; }
.leftTop{width:600px; height: 90px; background: #ffbfcf; border-bottom: 10px solid #fff; }
.leftBottom{width:600px; height: 200px; background: #bfffef;}
.left_left{width: 190px; height: 200px; float: left; background: #ffcfbf; border-right: 10px solid #fff;}
.left_center{width: 190px; height: 200px; float: left; background: #bfffdf;border-right: 10px solid #fff;}
.left_right{width: 200px; height: 200px; float: left; background: #bfcfff;}
.left_Top{width: 190px; height: 100px; background: #99ffb2;}
.left_Bottom{width: 190px; height: 100px; background: #99ccff;}
#right{width: 400px; height: 400px; background:blue; float: left;}
.rightTop{width: 390px; height: 290px; background: #ffbfef;border-bottom: 10px solid #fff; border-left: 10px solid #fff;}
.rightBottom{width: 390px; height: 100px; background: #b973ff; border-left: 10px solid #fff;}