javascript - 创建导航菜单,一个导航项高于容器的高度

标签 javascript html css

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

最干净的方法是使用 javascript 将容器的高度设置为等于其他按钮的高度,还是始终会切断较大的导航项?我似乎无法在不进行绝对定位的情况下从容器的边界中分离出其中一项,这完全使其脱离了其他列表项的流程,并且我希望容器的高度与其余部分保持一致的按钮。有什么想法吗?

最佳答案

创建元素时将 position:absolute 设置为样式属性。

您可能需要在它旁边创建另一个具有常规高度的元素,该元素将隐藏在它后面以保留宽度。

关于javascript - 创建导航菜单,一个导航项高于容器的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37951103/

相关文章:

html - 为什么 CSS 文件不适用于我元素中的 html?

javascript - 内联网络 worker : Cannot read property 'textContent' of null

javascript - 为什么不能使用 "switch"技术从 HTML 更改范围值?

javascript - 使用 Protractor 测试 AngularJS 应用程序时如何处理预期文本中的 '

html - 下拉菜单不起作用

javascript - Slimscroll 在 IE7 中无法使用 height100%

css - 如何翻转字形图标

javascript - jQuery - 切换单击两次

html - Flash 播放器上的下拉菜单

html - 你如何使用选择和文本框使表格单元格内容宽度?