网页的三种布局（固定布局，流式布局，弹性布局）
固定布局：
以px来设置宽度！
流式布局：
以百分比来设置宽度！在宽度较小时，行宽会变得非常窄且难阅读。因此我们要给它添加以px或者em为单位的min-width，从而防止布局变得太窄！
弹性布局：
相对于字号来设置宽度，以em为单位设置宽度！由于字号增加时整个布局宽度会加大，因此可能比浏览器窗口宽，导致水平滚动条出现。所以，要给它添加一个max-width为100%！
注：em始终相对于父级元素大小；rem始终相对于html大小
固定布局：
以px来设置宽度！
流式布局：
以百分比来设置宽度！在宽度较小时，行宽会变得非常窄且难阅读。因此我们要给它添加以px或者em为单位的min-width，从而防止布局变得太窄！
弹性布局：
相对于字号来设置宽度，以em为单位设置宽度！由于字号增加时整个布局宽度会加大，因此可能比浏览器窗口宽，导致水平滚动条出现。所以，要给它添加一个max-width为100%！
注：em始终相对于父级元素大小；rem始终相对于html大小
