Html 浮动元素在包含块的外部？

我是HTML/CSS的初学者，只是一些关于浮动元素的问题，下面是代码

部分{
边框：1px纯蓝色；
}
div{
保证金：5px；
宽度：200px；
高度：50px；
}
.左{
浮动：左；
背景：粉红色；
}
.左(秒){
位置：相对位置；
背景：蓝色；
}
.对{
浮动：对；
背景：青色；
}

页面标题
1.
2.
3.

它仍然是流的一部分，因为文本仍然围绕着float，因此它们仍然被视为流的一部分，而不像将不再影响流的

position:absolute

元素

float-CSS属性将元素放置在其容器的左侧或右侧，允许文本和内联元素环绕它。元素将从页面的正常流中删除，但仍然是流的一部分（与绝对定位相反）

---

为了回答您的问题，让我们逐步添加属性

首先，我们有：

部分{
边框：1px纯蓝色；
}
div{
保证金：5px；
宽度：200px；
高度：50px；
}
.左{
/*浮动：左；*/
背景：粉红色；
}
.左(秒){
位置：相对位置；
背景：蓝色；
}
.对{
/*浮动：对*/
背景：青色；
}

1.
2.
3.

当您将第二个div设置为

位置时：相对

，因为

div

s是块级元素，所以它会换行。因此，当您将第三个元素设置为

float:right，它与第二个div一起浮动，而不是第一个div（在下面的一行）。只需删除第二个
div
，您就可以更容易地理解这一点：


部分{
边框：1px纯蓝色；
}
div{
保证金：5px；
宽度：200px；
高度：50px；
}
.左{
浮动：左；
背景：粉红色；
}
.左(秒){
位置：相对位置；
背景：蓝色；
}
.对{
浮动：对；
背景：青色；
}

页面标题
1.
3.