-
一列定寬和另一列自適應
1.flotat+margin
image.png
缺點：IE6中會產(chǎn)3px的間距bug，并且.right不能清除浮動，否則會掉下去
2.fix版本
image.png
在.right外面套一層div，讓其右浮動，并且margin負值
3.float+overflow
image.png
唯一的缺點是不支持IE6，但是我覺得在現(xiàn)在的形勢下，這已經(jīng)快不成為缺點了
4.flex布局
image.png
優(yōu)點在于代碼很少很簡單，缺點則在于兼容性和性能一般，一般用來做小范圍布局
-
一列不定寬定寬和另一列自適應
1.float+overflow
image.png
這一套方法同樣也可以做不定寬，這主要是由于第一列使用float，浮動元素的寬是由其內(nèi)容寬度決定的，所以本身就是自適應。
2.flex
image.png
同上，使用flex布局的元素本身寬度也是自適應的
