CSS浮动

<li>浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

<li>元素浮动后，就会默认在浏览器中不占用位置。所以才会产生“覆盖”的情况。
eg:
第一个元素左浮，第二不做设置，会变成：

若两个元素都设置为左浮，则会并列，因为此时都为浮动元素：