Html 当div元素上方的div向左浮动时，为什么div元素不向上移动？

我一直在研究CSS中的浮点属性

这是我的html代码：

。左{
浮动：左；
文本对齐：居中；
宽度：25%；
}
.正常{
文本对齐：居中；
宽度：25%；
}

嗨，我的名字在左边
嗨，我是abcd的一段。ghjtyj yttyrkutk ukuykyilt英国

嗨，我的名字很正常
嗨，我是abcd的一段。ghjtyj yttyrkutk ukuykyilt英国

Hi@Gopal Singh Rathore

我相信我正确地理解了你的问题

这是因为宽度是在div上设置的，div也有一个display:block，例如，如果将display:block更改为flex，则它将显示在它旁边。如果您还在p标记上设置了一个宽度，那么它将与div相同

---

我希望这能回答您的问题。

第一个分区的宽度为25%，因此它在水平方向上占据了25%的可用空间。
第二个分区的宽度也为25%；因此，第一个div将占用第二个div将占用的所有空间。右边根本没有空间了

解决方案：使第二个div不是25%宽，而是50%（比第一个多25%）

。左{
浮动：左；
文本对齐：居中；
宽度：25%；
}
.正常{
文本对齐：居中；
宽度：50%；
}

嗨，我的名字在左边
嗨，我是abcd的一段。ghjtyj yttyrkutk ukuykyilt英国

嗨，我的名字很正常
嗨，我是abcd的一段。ghjtyj yttyrkutk ukuykyilt英国

divnormaldiv移到顶部，normal内容不移动：请参阅normal扩展：

李斯特先生给了你一个解决方案：你需要把普通的加宽，这样内容就可以放在左侧的右侧

。左{
浮动：左；
文本对齐：居中；
宽度：25%；
}
.正常{
文本对齐：居中；
宽度：27%；
背景颜色：浅蓝色；
边框：纯色1px蓝色；
}

嗨，我的名字在左边
嗨，我是abcd的一段。ghjtyj yttyrkutk ukuykyilt英国

嗨，我的名字很正常
嗨，我是abcd的一段。ghjtyj yttyrkutk ukuykyilt英国

回答得好！但是我认为维度点需要更多的解释，所以我添加了我自己的…谢谢你的回答，它帮助了很多。