我正在与两个不守规矩的元素搏斗 - 导航菜单和背景栏（保持分开处理不透明度问题）。他们的位置是固定的，所以他们在滚动期间保持可见它们的宽度应该模仿它们的父母，它的宽度设定为100％。不幸的是，当窗口拉得足够窄时，它们的宽度会延伸到父级之外。
这是html的图表：
<html>
<body>
<content>
<nav-bar>
<nav-menu>
...
</content>
</body>
</html>
显示应该比描述更容易，所以这里是页面的链接： http://www.seanoneill.us/test/index.html
当浏览器超出内容的最大宽度时，一切看起来都很好。当浏览器变窄时，导航栏和导航菜单的右端会突破内容宽度。在其他麦芽汁中，“Contact”的右边缘应该从内容div的右边缘插入20px的填充。看到这个的最好方法是向下滚动一个大的菜单覆盖图像，半透明导航栏可见。然后将浏览器拉伸到内容的最大宽度，并在该阈值上来回摆动。
任何人都可以告诉我如何保持内容div的导航栏和-menu内部？
由于涉及到少数几个元素，我暂时没有列出任何css列表，我不知道哪个是关键元素。我希望发布一个链接是可以接受的。
非常感谢阅读。
答案 0 :(得分：0)
你有content { min-width:700px }，并且你的nav向右浮动，它会留在那里。
如果您可以移除min-width它会自行修复，或者您可以将.nav-manu移到.content容器之外，如果您没有将其包裹在其他内容中min-width，它将尊重正文/窗口的宽度