开启浮动和伪元素清浮动

1.如何开启浮动以及清除浮动？

.left-column {
  float: left;
}

.right-column {
  float: right;
}

浮动会使得元素脱离文档流，并定位到浮动的方向。脱离文档流会导致元素不占位置，所以需要清除浮动。清除浮动常用一个伪元素，如下：

```
<div class="clearfix">
  <!-- 包含浮动元素的容器 -->
  <div class="left-column">左列内容</div>
  <div class="right-column">右列内容</div>
</div>
——————————————————————————————————————————————
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

伪元素: 其作用是给特定元素 内容的 前面或者后面等 通过css添加东西，其中常见的伪元素有：

1. ::before：在选定元素的内容之前插入生成的内容。
2. ::after：在选定元素的内容之后插入生成的内容。
3. ::first-line：选取元素的第一行文本。
4. ::first-letter：选取元素的第一个字母。