百分比布局（流式布局）--掌握

width：宽度的百分比，是相对父盒子的width的比例。如果没有父盒子，那么就是相对浏览器的宽。
height：高度的百分比是相对于父盒子height的比例。
padding，margin：不管任何方向的百分比，都是相对于父元素width的比例。
border：不能书写百分比。