1.固定布局:浏览器大小改变,元素大小位置均不变2.流体布局(自适应布局):浏览器大小改变,元素位置不变大小改变(可能造成屏幕过大或过小而导致元素无法正常显示)3.响应式布局:浏览器大小改变,元素大小位置均改变