位置：固定工具欄，位於div旁邊的動態寬度導航欄
[英]Position:fixed toolbar in a div next to a dynamic width side nav
問題描述
我有一個可以折疊的側面導航。 我希望我的工具欄div固定在頂部並填充其余寬度。 100％導致其離開頁面。 由於sidenav的動態寬度，我無法執行calc（）。
如何設置位置：固定div以填充剩余寬度？
這真的很難擺弄，我正在使用角度，但基本上是：
<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;
}
該問題看起來類似於這個人： 位置固定寬度100％
但是我有動態邊導航的問題
1 個解決方案
解決方案1
1 2016-06-17 18:15:17
如果將CSS right屬性設置為具有position: fixed的元素，則它將不會超出頁面邊緣：
right: 0;
確保您刪除width: 100%以及width: 100% 。
粘性導航 - 固定 position 時寬度發生變化
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.