html - 表格行宽 100% 不尊重 parent

Question

我有一个代码笔示例:http://codepen.io/19wolf/pen/myrOew?editors=110

您会注意到“Item One”上的下拉菜单横跨整个页面。我如何强制它适合“元素一”且仅适合“元素一”(元素数量可变)？我试过将 li:hover ul 从 display: table 更改为 display: table-row 但所做的只是使元素短于“元素一”。

我过去确实使用当前的 html 设置让它工作，但是 css 丢失了......

我运行它的半实时站点是 apoxz.org/new

Answer 1

给出相对于你的 li 的位置，它持有另一个级别的 ul:

nav li {
    display: table-cell;
    padding: 0 .5em;
    position : relative;
}