页面变形产生原因：一般出现在父容器宽高指定为百分比而子容器（float属性）指定具体宽高的情况，当浏览器窗口便小时，相应父容器也变小，如果小到无法容纳两个并排的子容器，设置了float的子容器就会换到下一行，造成变形
解决方法：1、尽量父子容器宽高设置为百分比 ，或者父容器指定具体值
2、如果父容器是百分比，子容器为具体值，可以为父容器指定min-width,min-height
