Html 为什么浮动元素的显示属性称为块级别?

Html 为什么浮动元素的显示属性称为块级别?,html,css,css-float,Html,Css,Css Float,为什么我们说浮动元素的显示属性可能会更改为块级别,而不是说内联块,因为它开始根据它包装的内容占用空间?这就是浮动的目的。在中找到一些信息 float CSS属性指定元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素将从网页的正常流中删除,但仍然是流的一部分(与绝对定位相反) 也 当一个元素浮动时,它将从文档的正常流程中移除(尽管它仍然是文档的一部分)。它将向左或向右移动,直到它接触到其包含框的边缘或另一个浮动元素 这就是浮动的目的。在中找到一些信息 float CSS属性指定元素应

为什么我们说浮动元素的
显示
属性可能会更改为块级别,而不是说
内联块
,因为它开始根据它包装的内容占用空间?

这就是浮动的目的。在中找到一些信息

float CSS属性指定元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素将从网页的正常流中删除,但仍然是流的一部分(与绝对定位相反)

当一个元素浮动时,它将从文档的正常流程中移除(尽管它仍然是文档的一部分)。它将向左或向右移动,直到它接触到其包含框的边缘或另一个浮动元素


这就是浮动的目的。在中找到一些信息

float CSS属性指定元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素将从网页的正常流中删除,但仍然是流的一部分(与绝对定位相反)

当一个元素浮动时,它将从文档的正常流程中移除(尽管它仍然是文档的一部分)。它将向左或向右移动,直到它接触到其包含框的边缘或另一个浮动元素


内联块是指内联级别的块容器

内联级别元素参与一条线(或多条线)的布局。这会影响行间距和同一行中其他图元的垂直对齐


浮动元素不做这些。参与块格式上下文,而不是内联格式上下文。

内联块表示内联级别的块容器

内联级别元素参与一条线(或多条线)的布局。这会影响行间距和同一行中其他图元的垂直对齐


浮动元素不做这些。参与块格式上下文,而不是内联格式上下文。

因为它们的行为。正如这里解释的:@ShireeshaParampalli的CSS代码是什么?提问者提出了一个明确的问题,因为他们的行为不需要任何HTML/CSS代码。正如这里解释的:@ShireeshaParampalli的CSS代码是什么?提问者提出了一个明确的问题,不需要任何HTML/CSS代码。这并没有解释为什么float是块元素而不是内联块元素。这也没有解释为什么float是块元素而不是内联块元素。我可能会补充说,float元素通过设计来缩小以适应内容,这就是为什么我们可能认为它们是更多的内联块而不是块元素(新编码器的直观反映),不要忘记浮动是水平排列的。从历史上看,
显示
属性似乎主要控制外部显示类型(即
内联块
的内联级部分)。浮动元素的外部显示类型更像内联元素,而不是块元素,因此不使用
inline
而不是
block
inline block
?@wlnirvana-对于未替换的元素,浮动、流内联块和流内块元素都是块容器,而内联元素不是,所以“内联”不合适。正如我在回答中所解释的,浮点不参与行框的布局,而内联、内联块、内联表、内联flex和内联网格元素则参与其中。@wlnirvana-re:1)它是一个块容器,并建立BFC yes。但不是国际金融公司。如果它只有内联子体,它将建立IFC和BFC。回复:差不多是的。行框是布局的一个关键概念,它会影响行高,从而影响文本的垂直间距。浮动不包含在行框中,因此不会影响间距。出于实际目的,更重要的是它们不是内联级别,而不是它们实际是什么级别。我可能会补充说,float元素通过设计缩小以适应内容,这就是为什么我们可能认为它们更内联块而不是块元素(一个新编码器的直观反映)不要忘记浮动是水平排列的。从历史上看,
显示
属性似乎主要控制外部显示类型(即
内联块
的内联级别部分)。浮动元素的外部显示类型更像内联元素,而不是块元素,因此不使用
inline
而不是
block
inline block
?@wlnirvana-对于未替换的元素,浮动、流内联块和流内块元素都是块容器,而内联元素不是,所以“内联”不合适。正如我在回答中所解释的,浮点不参与行框的布局,而内联、内联块、内联表、内联flex和内联网格元素则参与其中。@wlnirvana-re:1)它是一个块容器,并建立BFC yes。但不是国际金融公司。如果它只有内联子体,它将建立IFC和BFC。回复:差不多是的。行框是布局的一个关键概念,它会影响行高,从而影响文本的垂直间距。浮动不包含在行框中,因此不会影响间距。出于实际目的,更重要的是它们不是内联级别,而不是它们实际上是什么级别。