网页布局总结

一、区域分块

将整体分为几个部分，可以使用

1. div+width:百分比；
2. table+width:百分比；
3. 栅栏布局

二、小面积分布

1. div+width:百分比；
2. table+width:百分比；
3. float:浮动+width:百分比;
4. display:flex 弹性布局+width:百分比;

注意:栅栏布局，没办法自由设置所占宽度；其次table没有div+width:百分比清晰明了。弹性布局与浮动差不多