源自：10-7 CSS3 盒子模型
关于页面布局
我把这些删了
#page:after,
#page:before{
content:"";
display: table;
}
#page:after{
clear:both;
overflow: hidden;
}
在下边footer里加上 margin-top:20px;为什么footer和page之间没有距离
提问者：可乐要加冰Xx
2017-08-19 18:10
个回答
-
- Kingziqiang
- 2017-08-20 15:32:02
你删除的部分是伪元素清除浮动的样式，上面两个盒子明显是浮动过得；如果你用伸缩布局就就不会出现这种情况
解决方法在main content和sidebar content的父盒子上设置display:flex，并且justify-content:space-between;
；再就是清除浮动给父盒子设置高，或者overflow:hidden;清除浮动一共有八种方法，不在一一叙述