我正在使用css3列数和列间隙选项实现多列布局。在主div内的2列中排列了大量的div。问题是我想在内部div中使用与其边界重叠的下拉菜单。
问题：css3 columns选项阻止下拉列表与 Google Chrome 中的父div重叠。尝试改变z-index和溢出选项..任何想法？谢谢！
Plunker：http://plnkr.co/edit/8CqzQkvP9emIWvSXBses?p=preview
编辑：看起来像chrome正在处理css3列一般非常错误。例如，一旦我将bootstrap glyphicons放入按钮，我就会看到更多问题。打开下拉列表通常需要两次点击。另外firefox在列中更均匀地分配div。没有找到关于这些问题的任何内容..？
答案 0 :(得分：1)
首先，z-index与嵌套元素相比，不会对嵌套元素做任何事情。由于您尝试重叠列，因此DOM中没有元素可以实际重叠。列不是明确用于布局的。相反，他们打算在水平布局上创建可读的长文本。
您在Chrome中看到的内容直接来自W3C specification for multi-column layouts and how they should handle overflow。在这里设置任何溢出都不属于列，只属于列的容器。
如果您想完成此后的布局，我强烈建议您查看网格系统，例如960 Grid或Bootstrap's grid system。