为什么浮动的 Div 即使在 Overflow:hidden 的情况下也会垂直堆叠？

浮动 Div 的水平对齐

如果 div 在溢出的容器内向左浮动：隐藏，即使在水平方向有足够的空间。为了确保它们正确对齐，请考虑以下解决方案：

解决方案：

在容器内创建一个具有更宽宽度的内部 div，足以容纳所有浮动的

#container {
  width: 200px;
  overflow: hidden;
}

#inner {
  width: 2000px;
  overflow: hidden;
}

.child {
  float: left;
  width: 50px;
  height: 50px;
}

<div><p>通过在内部 div 中提供足够的宽度，浮动的 div 将按照预期在容器内水平对齐。</p></div>

以上是为什么浮动的 Div 即使在 Overflow:hidden 的情况下也会垂直堆叠？的详细内容。更多信息请关注PHP中文网其他相关文章！