1. .left {      float: left;   
2.   margin-right: 10px;      width: 100px;   
3.   height: 100px;      background-color: orange;   
4. }    .rightright {   
5.   float: rightright;      margin-left: 10px;   
6.   width: 100px;      height: 100px;   
7.   background-color: orange;    }   
8. .main {      height: 100px;   
9.   background-color: green;      overflow: hidden;   
10. }  

2.雙飛翼布局
這種布局方案最早由淘寶提出，主要為了主列能夠被最先加載。
實(shí)現(xiàn)原理：
（1）讓主列外面添加一個(gè)wrap，主列wrap，以及2子列都左浮動(dòng)。
（2）設(shè)置主列wrap寬度為100%，將子列的margin-left設(shè)置為負(fù)值，讓子列能夠排列在左右兩側(cè)。
（3）這是主列的margin-left與margin-right比左右兩列的寬度大一點(diǎn)，則可以設(shè)置出來(lái)主列與子列之間的間隙。
html代碼如下
XML/HTML Code復(fù)制內(nèi)容到剪貼板