浮动的一系列特定规则

Posted 2021-02-09 qianphong

1. 浮动元素的左（或右）外边界不能超出其包含块的左（或右）内边界。
2. 浮动元素的左（或右）外边界必须是原文档中之前出现的左浮动（或右浮动）元素的右（左）外边界，除非后出现浮动元素的顶端在先出现浮动元素的底端下面。
3. 左浮动元素的右外边界不会在其右边右浮动元素的左外边界的右边。一个右浮动元素的左外边界也不会在其左边任何左浮动元素的右外边界的左边。
4. 一个浮动元素的顶端不能比其父元素的内顶端更高。如果一个浮动元素在两个合并外边距之间，放置这个浮动元素时就好像在两个元素之间有一个块级父元素。
5. 浮动元素的顶端不能比之前所有浮动元素或块级元素的顶端更高。
6. 如果源文档中一个浮动元素之前出现另外一个元素，浮动元素的顶端不能比包含该元素所生成框的任何行框的顶端更高。
7. 左（或右）浮动的元素的左边（右边）有另外一个浮动元素，前者的右外边界不能在其包含块的右（左）边界的右边（左边）。
8. 浮动元素必须尽可能高的放置。
9. 左浮动元素必须向左尽可能远，右浮动元素则必须向右尽可能远。位置越高，就越会向右或向左浮动的越远。