HTML實現2列布局，左側寬度固定，右側自適應
實現一：
<style>
body, html{padding:0; margin:0;}
// 根據CSS定位，利用浮動或絕對定位，使左側的塊元素脫離常規文檔流【[原理][1]】
div:nth-of-type(1){
float: left; //利用浮動
// postion: absolute; //利用絕對定位
// top: 0;
// left: 0;
width: 300px;
height: 200px;
background: red;
}
// 【塊級元素，默認自動填充父元素寬度】
// 當前：右側塊元素寬度=父元素寬度
div:nth-of-type(2){
// 設置margin-left爲左側塊元素的寬度。
margin-left: 300px;
// 現在：右側塊元素的寬度=父元素寬度-margin-left
height: 220px;
background: blue;
}
</style>
<html>
<div>div1</div>
<div>div2</div>
</html>1）設置margin-left之前
2）設置margin-left之後
