gpt4 book ai didi

javascript - 位置 :fixed toolbar in a div next to a dynamic width side nav

转载 作者:行者123 更新时间:2023-11-28 05:40:55 24 4
gpt4 key购买 nike

我有一个可以折叠的侧边导航。我希望我的工具栏 div 固定在顶部并填充其余的宽度。 100% 会导致它离开页面。由于 sidenav 的动态宽度,我无法执行 calc()。

如何设置position: fixed div来填充剩余宽度?

这真的很难解决,我使用的是 angular 但基本上:

<body layout="row">
<div layout="column" class="menu">
Menu
</div>
<div class="view">
<div class="toolbar">
I'm a toolbar
</div>
Rest of the stuff on the page
</div>
</body>

.menu {
height: 100%;
width: 300px; //current width anyway
}
.view {
width: 100%;
}
.toolbar {
background-color: grey;
width: 100%;
position: fixed;
height: 60px;
}

问题看起来与这个人相似:Position Fixed width 100%

但是我有动态侧边导航的问题

最佳答案

如果在 position: fixed 元素上设置 CSS right 属性,它不会越过页面边缘:

right: 0;

确保同时删除 width: 100%

关于javascript - 位置 :fixed toolbar in a div next to a dynamic width side nav,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37887713/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com