一側定寬，一側自適應的頁面布局在現在用的很多，有哪些實現方式呢？

1,通過浮動和margin取正值來實現：

定寬的元素為#sidebar

自適應的元素為#content

css代碼如下：

　　　　　給定寬的元素設置浮動

　　　　　　#sidebar{

　　　　　　　　　　float:left;

　　　　　　　　　　width:200px; height:600px;

　　　　　　　　　　background-color:red;

　　　　　　　　　　}

　　　　　　自適應的元素呢？來給他設置margin-left吧，取值比上面那個元素的寬度大一些就好

　　　　　　#content{

　　　　　　　　　　width:100%; //如果是div塊級元素的話，width不設也可以

　　　　　　　　　　height:600px;

　　　　　　　　　　margin-left: 210px;

　　　　　　　　　　background-color:black;

　　　　　　　　　　}

2,通過浮動和margin取負值來實現：

定寬的元素為#sidebar

自適應的元素為#content

css代碼如下：

#content{

　　float:left;

　　width:100%;

　　height:600px;

　　margin-right:-200px;

　　background-color:black;

}

#sidebar{

　　float:left;

　　width:200px;

　　height:600px;

　　background-color:red;

}

【CSS】一側定寬，另一側自適應的布局該如何去做