Question

请教css中这个content: "";的意思 具体代码如下：

.clearfix::before,
.clearfix::after{
content: "";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
clear: both;
}

Answer 1

content:after是CSs的违类，这个代码是用来清除底部浮动的，比方说文章页面，由于文章页面的高度无法确认，他是随着文章的长度自动增长的，这个时候如果底部有其他的层这个时候就会出现上下错位的情况，#content:after 就可以用来清除上一层的浮动 这样就不会和下面的层发生位置错位，