Question

我正在开发一个左侧有侧导航栏的后端系统！

我正在使用Bulma CSS框架并使用Laravel进行开发。

我一直在做这样的侧导航，只要我能记住，但由于某种原因，我有一些奇怪的高度问题所以：

注意这不是整个代码只是包装div，因为整个侧面导航代码是140行代码。

侧面导航html结构：

＆＃13;

#admin-side-menu {
    position: absolute;
    width: 250px;
    left: 0;
    top: 3.5rem;
    bottom: 0;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
    height: 100%;
    z-index: 100;
    overflow-y: auto;
}

＆＃13;

<div id="admin-side-menu">
    <aside class="menu">
    </aside>
<div>

＆＃13;

现在我的问题是，只有当我拥有全尺寸的浏览器窗口时，我才能获得高度一直到底部，如果窗口大小并且我必须向下滚动以查看所有内容的高度导航栏不会一直覆盖在底部！

我试过身高：100％和身高：100vh;什么都没有用！

有什么想法吗？

Answer 1

尝试max-height: 300px或你想要多少像素，这样看起来不错。您也可以根据您拥有的项目来设置JS。

侧导航杆高度问题

1 个答案: