如何让一个固定的div/nav调整它所在的div的大小？
如何让一个固定的div/nav调整它所在的div的大小？
提问于 2014-07-31 09:27:00
我对web开发还是个新手，还搞不清楚这一点。感谢您的帮助！
调整大小时，固定的div会移出容器，而不是重新调整大小。我正在工作的站点将nav作为固定部分，并且位于主容器的内部。
任何帮助都是非常感谢的。谢谢!
<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/
回答 2
Stack Overflow用户
发布于 2014-07-31 10:46:08
它不会根据父对象的宽度调整他的宽度。但是我可以给你一个解决方案，当用户调整页面大小时，固定的元素也会调整大小，但它是一个位置固定的
.fixed {
height: 50px;
border: 1px solid green;
position: fixed;
right:0;
left:0;
}不要为容器指定宽度。而不是指定left和right值。因此，当页面调整大小时，css只检查左边距和右边距值。通过保持这些值，它将始终调整其内部宽度。
这是有效的小提琴http://jsfiddle.net/KqvQr/5/
Stack Overflow用户
发布于 2014-07-31 14:12:50
我不认为如果你坚持这些限制，你就不能实现你想要的。如果您将位置更改为relative而不是fixed，您的width和max-width将按预期工作。
看看这把小提琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25049553
复制相关文章
相似问题
腾讯云开发者
