位置：固定工具栏，位于div旁边的动态宽度导航栏

Question

我有一个可以折叠的侧面导航。 我希望我的工具栏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％

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

Answer 1

如果将CSS right属性设置为具有position: fixed的元素，则它将不会超出页面边缘：

right: 0;

确保您删除width: 100%以及width: 100% 。

位置：固定工具栏，位于div旁边的动态宽度导航栏

问题描述

1 个解决方案

解决方案1
1 2016-06-17 18:15:17

位置：固定工具栏，位于div旁边的动态宽度导航栏

问题描述

1 个解决方案

解决方案1 1 2016-06-17 18:15:17

解决方案1
1 2016-06-17 18:15:17