针对写好的网页随着窗口大小改变，里面布局变乱的解决方法

最近在模仿学院的首页做一个静态网页时，发现当我把窗口缩小后，里面的组件会乱掉，如下所示：

1. 正常大小：
   

2. 改变窗口大小后：
   

   解决这个问题很简单，就是在整个布局外面加上一层div，并且为它指定好宽高就可以了。

   .content{
       height:**px;   //整个布局的高度
       width:**px;    //整个布局的宽度
   }
   

   要注意的是，要是你前面布局使用了浮动，那么在最后还要整体清除一下浮动。如果你不清楚哪一个组件用了，最简单的方法就是在最后最后加上一个空的div，设置css为clear:both;就可以了。