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;
}

不要指定容器的宽度。而不是指定左和右值。所以当页面调整大小时，只检查左右边距值。通过保持这些值，它将始终调整其内部宽度。

这是工作小提琴http://jsfiddle.net/KqvQr/5/

Answer 2

如果你坚持这些限制，我不认为你能达到你想要的效果。如果您将排名更改为width而不是max-width，则relative和fixed将按预期生效..

看看这个小提琴

如何使用div里面的div调整固定div / nav的大小？

2 个答案: