float布局的特点

浮动元素是脱离文档流的,但不脱离文本流
兄弟元素间的浮动元素与非浮动元素的表现
1.非浮动元素占位规则不变,但文本开始的位置受浮动元素的影响


image.png

2.父元素不设置高度,高度由非浮动元素撑开,浮动元素高度由自己本身决定,当浮动元素高度比非浮动元素高的时候,会影响下一级父元素以及子元素文本的表现
3.父元素设置高度,非浮动元素高度超出时,不影响下一级父元素的站位和文本开始的位置。浮动元素高度超出,会影响下一级父元素以及子元素文本的表现,但不影响下一级父元素的站位。
4.父元素不设宽高,不管float设置的方位是啥,开始位置一样。
5.父元素设置高度,根据父元素上下左右4个点,根据浮动元素的设置,从不同点开始浮动。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容