CSS之左右固定，中间自适应

        左右固定，中间自适应应该是CSS中常见的布局，或者说是CSS中经典的布局，百度查找具体的实现方式，自己敲代码时，发现了一个特别神奇的现象：右边的那个div老被挤下来，如图：

一句一句对比百度到的代码，完全一样呀，为什么会这样？一遍又一遍的查找自己代码的不同之处，奔溃蒙圈……索性把人家的代码复制粘贴，我就不信，还没效果！奇迹出现了，竟然OK了，达到预期效果了！凭什么呀！

      既然CSS完全一致，那我比较一下HTML呢？left？有，center？有，right？也有呀！不对，我是完全按照left——center——right即从左到右的顺序写的div，而网上的大多数都是right——left——center……

     我的HTML结构：

                

 <div class="main"> 
                <div class="left">这是左侧的内容 固定宽度</div>
                <div class="center">中间内容，自适应宽度</div>
                <div class="right">这是右侧的内容 固定宽度</div>
               
  </div>

正确的HTML结构：

 <div class="main"> 
                <div class="right">这是右侧的内容 固定宽度</div>
                <div class="left">这是左侧的内容 固定宽度</div>