HTML特殊佈局--------雙飛翼佈局

今天看到之前寫的一篇佈局的例子分享給你們，雙飛翼佈局。

什麼是雙飛翼佈局？？

    1.三列布局，中間寬度自適應，兩邊固定寬度;

    2.中間欄在瀏覽器中優先展現渲染；

雙飛翼佈局的原理：

    中間的盒子定100%的寬 float：left； 兩邊的盒子都float：left,定固定的寬；左邊的個盒子margin-left:-100%; 右邊的盒子margin-left:-自身的寬；

如下是例子：

　  <div class="box"/>

         <div class="main">

                  <div class="main_box">我是主例</div>

         </div>

            <div class=「child_box">我是主例</div>

             <div class="col_box">我是附加例</div>

    </div>