网页基础的布局主要有三种：静态布局、流失布局、弹性布局。
布局特点
静态布局
静态布局采用像素（px）作为页面设计的单位。在不同的显示宽度下，页面元素大小都是固定的。
流式布局
流式布局以百分比设定页面宽度，当显示区域变化时，页面布局会等比的发生改变。
流式布局强调的是适应屏幕宽度的变化。在实际应用中，经常是设置成宽度适应，而高度不变。当页面变大时，页面布局相当于被横向拉宽了。
弹性布局
弹性布局采用rem/em等相对单位，rem/em是相对的单位会随着屏幕变化而变化。
弹性布局更强调的是在不同的条件下，显示内容除了大小不一样，其布局是一致的。也就是说，弹性布局会宽度和高度都等比放大。当页面变大时，整个页面等比放大了。

流式布局会变形吗