关于页面布局

我把这些删了

#page:after,

#page:before{

content:"";

display: table;

}

#page:after{

clear:both;

overflow: hidden;

}

在下边footer里加上 margin-top:20px;为什么footer和page之间没有距离

可乐要加冰Xx

2017-08-19

源自：十天精通CSS3 10-7

关注问题我要回答

420

操作

收起

1 回答

Kingziqiang
2017-08-20

你删除的部分是伪元素清除浮动的样式，上面两个盒子明显是浮动过得；如果你用伸缩布局就就不会出现这种情况

解决方法在main content和sidebar content的父盒子上设置display:flex，并且justify-content:space-between;

；再就是清除浮动给父盒子设置高，或者overflow:hidden;清除浮动一共有八种方法，不在一一叙述

0 回复有任何疑惑可以回复我~

收起回答

可乐要加冰Xx 提问者

大佬，我知道#page:after{clear:both;overflow: hidden;}是清除浮动，那前边的这个#page:after, #page:before{ content:"";display: table;}是啥意思

2017-08-20 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 243126 人
解答问题 2677 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

1 回答多列布局的相关知识

2 回答css3 flex布局

1 回答多列布局问题

1 回答多列布局的问题

1 回答响应式布局是怎么实现的

搜索更多本课相关问答

关于页面布局

我要回答关注问题

热搜

最近搜索清空

关于页面布局

1 回答

本课相似问答

关于页面布局