Question

我有一个隐藏在左侧的移动响应式菜单，当有人点击汉堡包时会出现。效果很好，除了..

背景是<a>元素，其格式如下：

.backdrop.expanded,
.main-menu[aria-expanded="true"] + .backdrop {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background: #000;
    background: rgba(0,0,0,.50);
    cursor: default;
}

但是当它打开时，它的垂直范围是视口的底部。我希望它扩展到页面底部。我该怎么做？

请注意，我希望人在菜单打开时滚动，因为它可能会有所帮助。

Answer 1

尝试这样的事情：

php7.1 artisan migrate

由于相对.backdrop.expanded, .main-menu[aria-expanded="true"] + .backdrop { position: absolute; display: block; content: ""; left: 0; top: 0; right: 0; /* instead of: width: 100%; */ bottom: 0; /* instead of: height: 100%; */ z-index: 998; background: #000; background: rgba(0,0,0,.50); cursor: default; }和width对height无效...

如果底部位于视口下方，则CSS拉伸元素垂直于底部

1 个答案: