:after 、float

 p:after 选择器

在每个 <p> 元素的内容之后插入新内容 在p元素的内容后面加上伪类的content内容。伪类包含在p元素中。

2

3

4

5

<p>

<span>:before</span>

Thisthemaincontent.

<span>:after</span>

</p>

section内包含文字 多个div浮动，

效果是怎样？

浮动元素是典型的给点阳光就灿烂，削尖了脑袋往上钻的小人，专对同级下手。只要她有机会（足够的位置和她同一水平线）她就会抢占优先的位置（left or right）

但只要你不给她面子（没有足够位置），她只能在下一行使坏。不会影响到你。