左边固定 右边自适应

        左边固定 右边自适应

1.第一种实现方式，左边给定宽高，左浮动，右边给定高度，margin-left:左边的宽度;

2.第二种实现方式

这两种方法网上都可以百度得到，在这里就不多说了，只是注意，右边的那个div可以不设置他的宽度，但是高度必须给定（div是空，如果你的div里面有文字那么就会自动撑高了），建议学前端的同学还是要自己上手敲一下。

3.第三种实现方法

4.介绍绝对定位的两种方法,页面布局为<div class="box1">ddd</div><div class="box2">ddd</div>。

    i>

   .box1{ position: absolute;top:0 ; left:0 ;width:200px;background: #ff0;}       
   .box2{ position: absolute; top:0 ; left:200px; width: 100% ; right:0; background: #f0f;}
   

  ii> 

   .box1{ position: absolute; top:0; left:0; width:200px; background: #ff0;}
   .box2{ margin-left: 200px; background: #f0f;}