Question

求大神，怎么解决页面布局随窗口大小的变化而变化

求大神，怎么解决页面布局随窗口大小的变化而变化





Answer 1

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

正常大小：

改变窗口大小后：
这里写图片描述

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

.content{
height:**px; //整个布局的高度
width:**px; //整个布局的宽度
}
1
2
3
4
要注意的是，要是你前面布局使用了浮动，那么在最后还要整体清除一下浮动。如果你不清楚哪一个组件用了，最简单的方法就是在最后最后加上一个空的div，设置css为clear:both;就可以了。