float为什么会高度塌陷

浮动塌陷

1、在文档流中，若父元素未设置高度，那么父元素的高度默认是被子元素撑开的，即子元素多高，父元素就有多高。但是当子元素设置浮动之后，子元素就会完全脱离文档流，父元素还在文档流中，此时父元素的高度就没有子元素撑起（子元素无法撑起父元素的高度），从而导致父元素的高度塌陷。

2、通过触发父元素的BFC，可以使其正确包裹浮动子元素，从而解决浮动塌陷的问题。伪元素清除浮动技术就是利用了BFC的这一特性。综上所述，创建BFC可以清除浮动，主要是因为它作为一个独立的渲染区域，能够计算并包含其内部所有浮动元素的高度，从而避免父容器高度塌陷的问题。

3、最简单，直接，粗暴的方法就是盒子大小写，给每个盒子设 定固定的width和height ，直到合适为止，这样的好处是简单方便，兼容性好，适合只改动少量内容不涉及盒子排布的版面。缺点是非自适应，浏览器的窗口大小直接影响用户体验。

4、父元素高度塌陷：由于浮动元素脱离文档流，如果浮动元素的父元素未设置宽高，则其高度会塌陷，即父元素的高度不会包含浮动元素的高度。解决浮动影响的方法：使用clear属性：对下方元素使用clear属性，使其不靠近浮动元素。这可以解决下方块元素上移和行盒子环绕的问题。

float是

float有两种用法，第一种是用作动词，意思是“漂浮；浮现；飘动；提出”；第二种是用作名词，意思是“浮标；漂浮物；漂浮”。float可用作不及物动词或及物动词，用作及物动词时，可接名词或代词作宾语。

- int： int是整数（integer）的缩写，代表整数类型。它指的是没有小数部分的数字。- float： float是浮点数（floating-point number）的缩写，代表浮点数类型。它指的是具有小数部分的数字。例句：- int： 我的年龄是25岁。 （My age is 2）- float： 我的体重是65公斤。

FLOAT是浮点型数据类型的意思，float的指数位用于表示浮点数的指数部分。FLOAT是：FLOAT是C语言（以及许多其他编程语言）中的基本数据类型之一，代表单精度浮点数。浮点数是计算机中用于近似表示实数的数值类型，其表示方法允许小数点位置在一定范围内浮动，从而可以灵活地表达更大范围的实数。

float在计算机科学中主要指的是浮点数（floating-point number）。以下是对float的详细解释：定义 float在计算机科学中代表浮点数，是一种用于近似表示实数的数据类型。浮点数在计算机内部使用二进制科学计数法表示，由一个有效数字部分和一个指数部分组成，这使得浮点数能够表示非常大或非常小的数值范围。

浮动元素的特征、影响以及如何清理浮动、

1、浮动元素会向上一个任意非浮动元素靠齐。 浮动元素后面的内联元素会向此浮动元素的外边距靠齐。float造成的影响： 对父元素的影响：对于其父元素来说，元素浮动之后，它脱离当前正常的文档流，所以它也无法撑开其父元素，造成父元素的塌陷。

2、解决浮动影响的方法：使用clear属性：对下方元素使用clear属性，使其不靠近浮动元素。这可以解决下方块元素上移和行盒子环绕的问题。设置display： flowroot：对浮动元素的父元素设置display： flowroot；，使浮动元素父元素形成块级格式化上下文。这可以解决父元素高度塌陷的问题。

3、clear： right；清除右浮动，元素会移动到右浮动盒子的下方摆放。clear： both；清除左右浮动，元素会移动到左右浮动盒子的下方摆放。示例 以下展示了float浮动的实际效果：在图中，可以看到设置了float属性的元素如何向左或向右浮动，并影响周围元素的位置和布局。