如何實現右側div寬度自適應?
如果實現right出現在left右邊,那么有2種方法:
①:
.right{float:right}
.left{float:left}
這樣right右浮動,left左浮動,可以實現right出現在left右側;但是right寬度由其內容決定,并不能自適應。
②
.right{position:absolute;left:210px}
right采用絕對定位脫離文檔流出現在left右側;但是right寬度由其內容決定并不能自適應。
綜上所述,我們可以給right添加寬度屬性,可是并不能添加百分比寬度屬性。
那么right如何自適應呢?
2016-01-15
.left{background:blue;position:absolute;left:0;top:0;width:200px;height:400px;}
.right{background:green;height:400px;margin-left: 210px;}
左側使用絕對定位脫離父元素的文檔流,
右側的div默認寬度為父元素的寬度,只需要設置左外邊距為相應的數值即可。