1.浮動+百分比布局
floa：left /right
with:100% ...
注：網頁的顯示內容會隨着瀏覽器的伸展而伸展，收縮而收縮。
2.flex布局
css3引入 ，又稱彈性盒模型。
*在屏幕和瀏覽器窗口大小發生改變時也可以靈活的調整布局
*控制元素在頁面的布局方向
*按照不同於文檔對象模型（DOM）所指定的排序方式對屏幕上的元素重新排序
語法
display:flex;
*div{
display:flex;
}
*div div1{
flex:1
}
*div div2{
flex:1
}
1、）伸縮流方向 flex-direction
*決定主軸的方向 （即項目的排列方向），可以簡單的將多個元素的排列方向從水平方向改為垂直方向，或者反之。
