那个公共容器后面为什么要加上clearfloat？

Question

.public-container{
    position:realtive;
    margin:0 auto;
    background:#006dcc;
    width:1100px
}

<div class="public-header">
    <div class="public-container clearfloat">
    
    </div>
</div>

老师在视频中讲，“...header里面有个logo元素和有一个列表，这两个是左右分布的，那应该存在的是浮动，既然是浮动的话，public-container是没有高度的，我现在写的是公共样式，那怎么办，加浮动”。

在这里面我有两个问题：

1. clearfloat作为属性值可以直接加在class里面吗？还是clearfloat是一个选择器而已？
   

2. 浮动在前端里面指的是什么？除了左右分布以外，如何判断页面的元素要设置为浮动？

3. 在public-container里面，clearfloat只是将容器内的子元素设置为浮动的，还是将public-container自身容器设置为浮动的？
   

Answer 1

1.clearfloat是一个类名选择器，用来清除浮动 2.浮动是一种布局方式，一般有规律的横向排列都可以用浮动来解决 3.清除浮动是给父级清除

Answer 2

clearfloat是一个类名选择器,样式要在style里面写，从类名的字面上可以看出这个类名是要清除浮动，清除浮动是为了不影响其他部分的样式