利用BFC特性實現兩欄自適應

有時候咱們在CSS佈局的時候須要實現兩欄佈局，且其中一欄的寬度不固定。據個人經驗，有如下幾種方法：

inline-block

首先兩個元素不跨行，又要能夠設置寬高，固然是inline-block，可是用此方法有個很是大的缺陷，就是width屬性很差設置

• js計算
• 百分比計算
• calc屬性

Float + overflowHidden

這種方式利用BFC特性

 

flex

具體看代碼。