浮动清除问题

来源:5-4 编程练习

一娆Hacker

2021-01-24 11:31:06

http://img.mukewang.com/climg/600ce9580928524d06400242.jpg


1、如果这么写  不加after和注释部分,效果如下

http://img.mukewang.com/climg/600ce97209bb93f306480265.jpg


2、如果加了after 不加注释部分

http://img.mukewang.com/climg/600ce9a709eccf3405660213.jpg

http://img.mukewang.com/climg/600ce99d09e411ec06170323.jpg


请问这个是为什么,不太理解after的作用,视频中只讲了这样写,没说为什么这样写

3、如果加了after 也加了注释部分

http://img.mukewang.com/climg/600ce9e20942ab7f05360236.jpg

http://img.mukewang.com/climg/600ce97209bb93f306480265.jpg




写回答

1回答

好帮手慕阿满

2021-01-24

同学你好,:after 选择器在被选元素的内容后面插入内容,content 属性来指定要插入的内容。

这里通过CSS伪元素在容器的内部元素最后添加了一个空字符,并且赋予clear属性来清除浮动。

祝学习愉快~


0

0 学习 · 16556 问题

查看课程

相似问题