                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /HTML5和CSS3扁平化风格博客

伪类.article-preview:after{/伪类，清除浮动/ content: ''; display: block; clear: both; }

请问这个写法在这里是如何理解呢？.

article-preview:after{/*伪类，清除浮动*/

content: '';

display: block;

clear: both;

}

Mky1105

2017-10-10

源自：HTML5和CSS3扁平化风格博客 3-6

关注问题我要回答

1025

操作

收起

3 回答

LC1996
2018-08-19

清除浮动用clear：both；

diplay：是让他变成块级元素

content：是产生一行内容，填充父元素

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

收起回答

慕粉1823356920
2018-01-27

有没有大神可以解释一下原理，为什么这样写就能清除浮动呢？

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

收起回答

慕勒3230791
2017-10-11

after 就是这个元素之后添加样式

content 是添加的内容，这个写法是空的意思，就是不添加内容

display：block 是把这个元素变成块元素

clear ：both 就是清除浮动的意思

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

收起回答

0/150

提交

取消

HTML5和CSS3扁平化风格博客

参与学习 86811 人
解答问题 383 个

HTML5与CSS3搭建超酷扁平化风格博客

进入课程

伪类.article-preview:after{/伪类，清除浮动/ content: ''; display: block; clear: both; }

我要回答关注问题

热搜

最近搜索清空

伪类.article-preview:after{/*伪类，清除浮动*/ content: ''; display: block; clear: both; }

3 回答

伪类.article-preview:after{/*伪类，清除浮动*/ content: ''; display: block; clear: both; }

伪类.article-preview:after{/伪类，清除浮动/ content: ''; display: block; clear: both; }

伪类.article-preview:after{/伪类，清除浮动/ content: ''; display: block; clear: both; }