通过浮动可以是一个元素向其父元素的左右移动。
float:(1) none 默认值,不浮动。
(2) left right 向左、右端浮动。
注意: (1) 元素浮动后,水平布局的等式不需要再成立。
(2) 元素浮动后会完全脱离文档流,不再占文档流位置,故下方的元素会自动上移。
(3) 默认不会从父元素中移出。
(4) 浮动元素左右移动时不会覆盖它前面的其他浮动元素。
(5) 如果浮动元素上方是一个没有浮动的元素,则浮动元素上移。
(6) 浮动元素不会超过它前一个浮动兄弟元素,最多和它一样高。
浮动的特点:1、浮动元素不会盖住文字,文字会自动环绕在浮动元素周围。
2、元素脱离文档流后一些特点会变化。
脱离文档流特点:(1)块元素不再独占一行。
(2)块元素的宽度和高度默认内容撑开。
(3)行内元素会变成块元素,特点与块元素相同。所以不需要区分块和行内了。
原文:https://www.cnblogs.com/L-Memory/p/12905239.html