听不懂源于不熟悉，清楚浮动有很多种方法，视频里讲的是现在最常用的方法，使用css的伪元素选择器来实现清楚浮动的效果。这是目前最通用的较规范的方法。

感觉应该不可以，看下css代码，注意:after{}这个伪元素选择器的含义。具体也可以去试一下。

请看下具体的css代码.clearfix:after{}是表示在.clearfix元素的内容后添加内容，你的疑惑是源于对于:after{}选择器的不理解导致的。

div标签的height设置为0就好

clear会产生margin重叠而bfc不会，bfc会把包含内的所有css属性作用与本身，不对外部造成影响，外部margin-top不会被其影响，而clear如果设置margin-bottom的话，会对外部其他元素造成影响，最明显的就是margin重叠，老师例子里面有介绍，你去看看了解一下

仔细检查代码，box3的css样式设置中，没有添加float:left，添加之后，box4就会上移占据box2,3的空间

display:table之后，标签并没有变成table,而是有了table类似的属性，比如自动包裹内容，自成一行等等。但是毕竟还不是table，所以和table的样式没有关系。

浮动会造成文字环绕效果，li使用浮动，会造成父级元素ul高度塌陷

用在加了浮动的元素的父级元素上，就是比浮动元素大一级的元素

BFC会阻止垂直外边距（margin-top、margin-bottom）折叠

给父元素一个名为clearfix的class，在样式表里面对clearfix的样式进行如下定义

.clearfix:after{content:"";/*display:block;*/display:table; clear:both;}

.clearfix{zoom:1;}

这样就可以清除浮动带来的影响，你自己试试就会很清除了的。