[css] 为什么会出现浮动?在什么时候需要清除浮动呢?

[css] 为什么会出现浮动?在什么时候需要清除浮动呢?

因为在 div + css 代替 table 布局之后,利用 float 很容易进行一些自适应的布局,比如双飞燕和圣杯布局。当然,float 原本的用途就是用来进行文字环绕图片的,当有此需求时,应该使用 float

但是使用 float 之后,由于内部的元素脱离了文档流导致外层包裹元素高度塌陷。此时就需要清除 float 造成的影响。一般使用 clear:both 或者外层触发 BFC。

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

你可能感兴趣的:([css] 为什么会出现浮动?在什么时候需要清除浮动呢?)