Css 不了解浮点和溢出属性的行为

。标题栏{
背景：绿色；
保证金：0；
}
.标题1{
溢出：隐藏；
}
.标题2{
浮动：对；
}

标题1
标题2

欢迎来到stackoverflow。溢出：隐藏没有区别（请知道这一点）。在项上使用float属性时，即使它是块，它也充当内联块。在您在这里所做的示例中，它所在的行（它可以到达的行）向右倾斜并保持为内联块

我改变了颜色，这样你可以看得更清楚。请仔细检查两个样品。在第一个示例中，首先使用float right元素，然后使用block元素，因为它们切换到内部。但是，如果首先使用块元素，则它将从底线继续，而不覆盖任何区域

一个小提示：如今，Float不再经常使用。相反，我建议您选择“显示柔性”或“显示网格”等结构。它们既简单又有助于提高外观的响应性。我希望这个描述是我的意思

。标题栏{
背景：绿色；
保证金：0；
}
.标题1{
/*溢出：隐藏；没有任何区别*/
背景颜色：黄色；
}
.标题2{
浮动：对；
背景色：红色；
}

标题2
标题1
标题2
标题1
标题2
标题1

欢迎来到stackoverflow。溢出：隐藏没有区别（请知道这一点）。在项上使用float属性时，即使它是块，它也充当内联块。在您在这里所做的示例中，它所在的行（它可以到达的行）向右倾斜并保持为内联块

我改变了颜色，这样你可以看得更清楚。请仔细检查两个样品。在第一个示例中，首先使用float right元素，然后使用block元素，因为它们切换到内部。但是，如果首先使用块元素，则它将从底线继续，而不覆盖任何区域

一个小提示：如今，Float不再经常使用。相反，我建议您选择“显示柔性”或“显示网格”等结构。它们既简单又有助于提高外观的响应性。我希望这个描述是我的意思

。标题栏{
背景：绿色；
保证金：0；
}
.标题1{
/*溢出：隐藏；没有任何区别*/
背景颜色：黄色；
}
.标题2{
浮动：对；
背景色：红色；
}

标题2
标题1
标题2
标题1
标题2
标题1

我读到一个堆栈溢出的回答，说“BFC不允许后代浮点数逃脱它们，也不允许兄弟/祖先浮点数侵入它们”

当浮动元素

溢出

被应用到浮动元素时，而当浮动元素位于应用

溢出

的元素内部时，情况并非如此

下面是一个需要理解的基本示例：

。标题栏{
背景：绿色；
保证金：0；
}
.标题1{
背景：红色；
}
.标题2{
浮动：对；
}

标题2
标题1


标题2
标题1

我读到一个堆栈溢出的回答，说“BFC不允许后代浮点数逃脱它们，也不允许兄弟/祖先浮点数侵入它们”

当浮动元素

溢出

被应用到浮动元素时，而当浮动元素位于应用

溢出

的元素内部时，情况并非如此

下面是一个需要理解的基本示例：

。标题栏{
背景：绿色；
保证金：0；
}
.标题1{
背景：红色；
}
.标题2{
浮动：对；
}

标题2
标题1


标题2
标题1

Float现在不再频繁使用。相反，我建议您选择“显示柔性”或“显示网格”等结构：float与flexbox和CSS网格无关，当需要float特性时，它将继续被频繁使用。使用flexbox和CSS网格无法实现所有功能。（例如，使用flexbox或CSS网格无法实现的功能：）当然，它们并不完全相同。事实上，我的意思是，如果主题是左对齐或右对齐，它更常用，我的意思是简单。你说得对。今天浮子不再常用了。相反，我建议您选择“显示柔性”或“显示网格”等结构：float与flexbox和CSS网格无关，当需要float特性时，它将继续被频繁使用。使用flexbox和CSS网格无法实现所有功能。（例如，使用flexbox或CSS网格无法实现的功能：）当然，它们并不完全相同。事实上，我的意思是，如果主题是左对齐或右对齐，它更常用，我的意思是简单。你是对的。