简单总结一下对CSS布局的理解：静态布局：元素使用px设置宽高；流式布局：子元素主要使用%来设置宽度，特点是屏幕太大或者太小都不能很好的展示子元素，但是子元素的相对布局不会改变。比如一行是5个div，每个宽度设置为20%，父元素的宽度是500px，每个100px，但是子元素的完美宽度是80px，通常和min-width,max一起使用-宽度，不要太大或太小；自适应布局：每个屏幕分辨率对应一个静态布局，经常使用@media结合min-width和min-height来为不同尺寸的设备切换不同的样式；布局灵活：子元素采用remem布局，也是相对布局，强调按比例缩放，比%更灵活，em是相对于父元素（用得少），rem是相对于html的根元素，页面整体布局仍然使用px和%。另外字体不适合用rem，字号和字宽不是线性关系；响应式布局：一个页面在所有终端都有很好的展示效果，强调不同的屏幕应该有不同的展示，通常采用弹性布局+流式布局+媒体查询，是优秀页面布局的标准；
