HTML / CSS导航未按下:响应式显示后未显示完整高度和滚动

Corodeanu Lucian

我有一个导航栏,在响应模式下显示后不会滚动。我将为您提供到我的网站的链接:WebSite链接和导航栏示例

只需将窗口调整为最大500px的大小,然后单击导航以打开菜单。

单击子菜单,您将看到它不会显示所有导航内容,也不会显示整个网站的内容。我想让它显示所有高度,并下推内容。

约翰尼斯

好吧,子菜单太长而无法显示,因此创建主题/模板的人员将这些下拉容器的高度设为200px,并启用了滚动功能(您可以向下滚动)。这是用以下CSS规则编写的:

.menu > ul > li > ul {
    position: relative;
    overflow: scroll;
    height: 200px !important;
}

您可以取出最后一部分,该部分将显示填充长度。但是,这将超出屏幕底部,并且不会滚动,因此在给定的情况下您会更好。您还可以在中更改像素值height: 200px !important;-这会使子菜单高一些,但这并不能使它更好。

我会保持原样,并可能添加一个图标,使下拉菜单的内容可以滚动,这更加明显。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Firefox 未显示完整的 HTML 页面 - CSS

来自分类Dev

仅使用 CSS 和 html 的响应式导航栏

来自分类Dev

简单的HTML导航按钮未显示

来自分类Dev

pseduo-backround image :: after在CSS中向下滚动时不重复显示完整HTML正文

来自分类Dev

响应式导航未按预期显示

来自分类Dev

响应式HTML / CSS

来自分类Dev

响应式HTML CSS

来自分类Dev

HTML + CSS布局,底部框显示所有内容,高度可变的顶部框带有滚动

来自分类Dev

HTML + CSS布局,底部框显示所有内容,高度可变的顶部框带有滚动

来自分类Dev

HTML 和 CSS 中的响应式图像

来自分类Dev

如何仅使用CSS和HTML将响应式导航栏菜单居中?

来自分类Dev

徽标CSS和HTML旁边的响应式下拉菜单导航位置

来自分类Dev

html css div元素未按预期显示-按照教程

来自分类Dev

HTML仅在大于最大高度时才显示滚动

来自分类Dev

HTML CSS div未显示在左侧

来自分类Dev

为什么此html页面的完整内容未显示

来自分类Dev

使响应式画廊HTML / CSS

来自分类Dev

HTML / CSS响应式网格

来自分类Dev

Service Worker html 响应未显示在浏览器上

来自分类Dev

HTML表未按我希望的那样显示

来自分类Dev

HtmlAgility Html节点未按正确顺序显示

来自分类Dev

将body和html标签的高度设置为100%时,浏览器滚动条会显示

来自分类Dev

显示UI的HTML和CSS问题

来自分类Dev

创建显示/隐藏链接-HTML和CSS

来自分类Dev

显示UI的HTML和CSS问题

来自分类Dev

显示来自HTML抓取的响应?

来自分类Dev

HTML / CSS根据页面高度显示固定比例的图像

来自分类Dev

HTML:图片未显示在html表格的右侧

来自分类Dev

Php html邮件未显示在html中