javascript - 如何使用它所在的 div 调整固定的 div/nav 大小？

Question

我对网络开发还很陌生，无法理解这一点。感谢任何帮助!

在重新调整大小时，固定的 div 会移出容器而不是重新调整大小。我正在处理的网站将导航作为固定部分，并且位于主容器内。

感谢任何帮助。谢谢!

<div class="container">
<div class="fixed"></div>
</div>

.container {
  border: 1px solid;
  max-width: 600px;
  width: 100%;
  min-height: 1600px;
}

.fixed {
  max-width: 600px;
  width: 100%;
  height: 50px;
  border: 1px solid green;
  position: fixed;
}

http://jsfiddle.net/KqvQr/

Answer 1

当您将位置指定为固定 元素时，即使认为它在父容器内，它也不会表现为父容器的子元素。它不会根据父宽度调整他的宽度。但我可以给你一个解决方案，当用户调整页面大小时，固定的元素也会调整大小，但它的位置是固定的

.fixed {
   height: 50px;
   border: 1px solid green;
   position: fixed;
   right:0;
   left:0;
}

不要指定容器的宽度。而不是指定 left 和 right 值。因此，当页面调整大小时，CSS 仅检查左右边距值。通过保留这些值，它将始终调整其内部宽度。

这是工作 fiddle http://jsfiddle.net/KqvQr/5/