1.  典型网站的div+css布局形式

1.1.  左右两部分

左右两侧，左侧固定宽度200px，右侧自适应占满

html代码：

<div class="divBox">
		<div class="left"></div>
		<div class="right"></div>
</div>

css代码：

 *{
            margin: 0px;
            padding: 0px;
       }

     .divBox{
            height: 500px;
            background: yellow;
     }

     .left{
            float: left;
            width: 200px;
            height: 100%;
            background: red;
     }

     .right{
            margin-left: 200px;
            background: green;
            height: 100%;
     }