关于页面布局
来源：10-7 CSS3 盒子模型
可乐要加冰Xx
2017-08-19 18:10
我把这些删了
#page:after,
#page:before{
content:"";
display: table;
}
#page:after{
clear:both;
overflow: hidden;
}
在下边footer里加上 margin-top:20px;为什么footer和page之间没有距离
写回答
关注
1回答
-
- Kingziqiang
- 2017-08-20 15:32:02
你删除的部分是伪元素清除浮动的样式，上面两个盒子明显是浮动过得；如果你用伸缩布局就就不会出现这种情况
解决方法在main content和sidebar content的父盒子上设置display:flex，并且justify-content:space-between;
；再就是清除浮动给父盒子设置高，或者overflow:hidden;清除浮动一共有八种方法，不在一一叙述
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
243041 学习 · 2668 问题
相似问题