兩欄布局的實現(xiàn)

一般兩欄布局指的是左邊一欄寬度固定，右邊一欄寬度自適應，兩欄布局的具體實現(xiàn)：

1.利用浮動，將左邊元素寬度設置為 200px，并且設置向左浮動。將右邊元素的 margin-left 設置為 200px，寬度設置為 auto（默認為 auto，撐滿整個父元素）。

2.利用浮動，左側(cè)元素設置固定大小，并左浮動，右側(cè)元素設置 overflow: hidden; 這樣右邊就觸發(fā)了 BFC，BFC 的區(qū)域不會與浮動元素發(fā)生重疊，所以兩側(cè)就不會發(fā)生重疊。

3.利用 flex 布局，將左邊元素設置為固定寬度 200px，將右邊的元素設置為 flex:1。

4.利用絕對定位，將父級元素設置為相對定位。左邊元素設置為 absolute 定位，并且寬度設置為 200px。將右邊元素的 margin-left 的值設置為 200px。

5.利用絕對定位，將父級元素設置為相對定位。左邊元素寬度設置為 200px，右邊元素設置為絕對定位，左邊定位為 200px，其余方向定位為 0。