将元素排除在普通流之外
元素不在页面中占据空间
将浮动元素放置在包含框的左边或右边

浮动元素依旧位于包含框内

浮动元素的外边缘不会超过其父元素的内边缘。
浮动元素不会相互重叠
浮动元素不会上下浮动
任何元素设置浮动，display属性失效可以设置宽高， 并不会占一行。

float： none、left、right

默认情况 一个父div包含3个子div的效果为，3个子div占据三行显示。

设置其中一个div 浮动时，后面的div会跟上来。

浮动元素不占据位置，例如两个子元素设置浮动后，不会占据配置。第三个div会在第一行独占一行，浮动的两个元素会在第三个同行。

当第三个div设置有浮动的时候，此时前两个也是有浮动，整个父元的宽度为600px， 前两个div每个占用200px， 还剩200px空间。此时如果调整了第三个div的宽度为大于200 则会向下行浮动。等于则与前两个div同行。

行内元素设置了float之后会具有宽高属性，不会独占一行。

父元素取消宽高， 父元素感知子元素宽高自动生效。子元素设置浮动后则感知不到。

overflow:hidden 让父类感知到子类
float: left; 父元素设置浮动，子元素会跟随。

当添加元素被浮动元素遮挡时，可以清楚浮动 clear:both 清除两边浮动。 或者设置元素浮动。