我有一个导航栏，其中有一串用于打开下拉菜单的链接的文本。此链接的父级有 overflow: hidden 允许我 chop 字符串以防它变得太长。但是，无论父级的宽度如何，我都希望下拉菜单绝对位于下方并居中。因为我使用的是 overflow: hidden，所以下拉列表被 chop 了。我想保留下拉菜单的位置以及 overflow 属性。
是否有针对此的 CSS 修复？我知道我不能忽略父级的 overflow 属性，但我宁愿不使用 position: fixed 并尽可能使用 JavaScript 操作边距。
我做了一个简单的 fiddle here
提前致谢!
最佳答案
不幸的是，在 CSS 中没有办法使溢出的子元素:隐藏元素在父元素边界之外显示其内容，您必须更改层次结构。
如果那不可能，你可以在底部添加填充到 .nav-pull-left ，这是你的下拉列表的大小，尽管这是一个垃圾解决方案..
.nav_pull_left {
width:auto;
height:50px;
padding-bottom: 80px;
overflow:hidden;
float: none;
border: 1px solid black;
white-space: nowrap;
}
您还可以使用 JavaScript 在下拉列表显示时动态更新父容器的高度，但再次强调，重新排序层次结构是最好和最干净的。
如果那是你想要的方式，请告诉我，我可以提供帮助:)
关于javascript - 下拉菜单在父级下方居中，溢出 : hidden，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34048533/