Html div容器不会浮动在另一个容器旁边

div元素“rightsidecontainer”应该浮动在“centralcontainer”旁边 但是没有发生……原因是什么

.centralcontainer{
宽度：78%；
显示：块；
浮动：左；
边框：3倍纯黑；
高度：100px；
}
.rightsidecontainer{
宽度：200px；
边框：2倍纯色灰色；
高度：100px；
}

---

看起来您也需要将float:left添加到.rightsidecontainer中

.centralcontainer{
宽度：78%；
显示：块；
浮动：左；
边框：3倍纯黑；
高度：100px；
}
.rightsidecontainer{
宽度：200px；
边框：2倍纯色灰色；
高度：100px；
浮动：左；
}

---

也可以使用内联块，而不是添加float属性：

.centralcontainer {
  display: inline-block;
  width: 78%;
  border: 3px solid black;
  height: 100px;
}

.rightsidecontainer {
  display: inline-block;
  width: 200px;
  border: 2px solid grey;
  height: 100px;
}

---

我把你的代码放在一个堆栈片段中，这里看起来也不错。是的，它工作正常。如果你想让它位于

centralcontainer

的右侧，你可以只分配

float:left

到您的

.rightsidecontainer

是。可以并排浮动无限数量的元素，但需要为每个元素设置“浮动：”方向。如果浮动元素比视图窗口长，它们将向下撞击并创建新行。