Css 3 灵活的盒子布局

标签 css z-index nav

使用下面的 CSS,我可以将 ul 中的每个 li 居中。问题是我看不到 li 元素。他们在 ul 之下。我知道它们居中,因​​为我在 Chrome 开发者工具中看到了它。

nav ul {
    -webkit-box-pack: center;
    display: -webkit-box;
    margin: 0 auto;
    overflow: hidden;
}

nav ul li {
    float: left;
    list-style-type: none;
    padding: 25px;
}

z-index 根本不起作用...

更新:我删除了 float: left 并且它起作用了!

谢谢。

最佳答案

尝试向 ul 添加固定高度。

关于Css 3 灵活的盒子布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5419378/

相关文章:

html - 拉伸(stretch)背景图像宽度但裁剪高度

html - 为什么前两个图标的行高在 chrome 中不起作用?

html - Z-index 不适用于带有 p 的 img 和 div

html - 导航背景高于其他 div

javascript - 滚动后如何在导航栏中创建淡入淡出?

CSS3 导航链接背景

html - 仅使用 CSS 创建下拉列表项菜单

javascript - jQuery : Slide animation goes to far, 然后 "jumps"到合适的高度

css - 摆脱博主图片链接

HTML div 没有到达 `embed` 对象的顶部 - IE