【HTML】CSS基础教程 float浮动，珍藏笔记，实用

最新推荐文章于 2023-07-16 13:58:34 发布

刘先生LSS

最新推荐文章于 2023-07-16 13:58:34 发布

阅读量1.1k

点赞数 3

文章标签： html 学习运维前端 css

本文链接：https://blog.csdn.net/hnspystqxskzlqc/article/details/123698070

版权

这篇博客深入讲解了CSS中的float属性，包括其浮动特性，如元素脱离标准文档流，如何影响其他元素布局。同时，介绍了BFC（Block Formatting Contexts）的概念，以及如何通过触发BFC来解决边框塌陷问题。最后强调了浮动在页面布局中的关键作用和学习的重要性。

摘要由CSDN通过智能技术生成

(接上一期知识，咱们继续讲解。)

一、float

float：left

float：right

浮动特性：

1.浮动元素脱离标准文档流，形成浮动流
               2.块元素看不到浮动元素
               3.bfc元素、行内元素、行内块元素和文本全都看得见浮动元素
               4.所有经过浮动的元素都会变成行内块元素包括span
               5.浮动元素剩余空间不够，会自动往下一行排列
               6.不经过浮动的文本会自适应剩余空间，经过浮动的文本不会自动换行去适应剩余空间，而是另起一行。