首页 > web前端 > css教程 > 为什么浮动的 Div 即使在 Overflow:hidden 的情况下也会垂直堆叠?

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

DDD
发布: 2024-11-13 14:43:02
原创
465 人浏览过

Why Do Floated Divs Stack Vertically Even with Overflow:hidden?

浮动 Div 的水平对齐

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

解决方案:

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

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

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

.child {
  float: left;
  width: 50px;
  height: 50px;
}
登录后复制
<div>
登录后复制

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

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板