Question

我有一个带有彩色背景的导航（Sample Wireframe）。导航项目位于列表中，并且具有不同的分辨率。随着字体大小的改变，导航容器的高度也会扩展或收缩。但是，我希望其中一个项目（中间的）具有更大的高度并打破容器的边界。

最简洁的方法是使用javascript将容器的高度设置为等于其他按钮的高度，还是仍然会切断较大的导航项目？我似乎无法从容器的边界中突破其中一个项目而没有进行绝对定位，这完全将其从其他列表项目的流程中取出，并且我希望容器的高度与其余列表保持一致的按钮。有什么想法吗？

Answer 1

创建将position:absolute设置为样式属性的项目。

您可能需要在其旁边创建另一个元素，并在其后面隐藏常规高度以保持宽度。

Answer 2

position:absolute

会做的伎俩，但也考虑有一个额外的div（嵌套div），所以它与更大的项目隔离。

Answer 3

正如其他人所说，position: absolute。重要的是要注意，绝对定位元素的原点将位于最近的元素position: relative（或根元素），因此如果将父容器设置为relative，则绝对菜单项将从那里开始。