Javascript 固定标题元素移动窗口减少

我在屏幕顶部有一个固定的菜单，效果很好，但是当我把浏览器窗口缩小，而不是让菜单中的所有元素都停留在原来的位置时，它们都会从菜单下面下拉到打开的窗口中。我的想法是，当窗口变小时，我希望位置不会变为固定位置，这样它们就可以保持在原来的位置，并可以滚动查看其余的内容。这可能吗

以下是菜单标题的html代码：

<div id="head_wrapper">
        <div id="head_company"></div><!---end head_company--->
        <div id="head_name"></div><!---end head_name---->

        <div id="head_search"></div><!---end head_search--->
        <div id="head_home" onclick="location.href='overview.php';"></div><!---end head_home--->
        <div id="head_settings" onclick="location.href='settings.php';"></div><!---end head_settings--->
        <div id="head_more"></div><!---end head_more--->


    </div><!---end head_wrapper--->

感谢所有帮助

将

#包装

和

#头包装

样式更改为：

width: 100%
min-width: 960px; /* set here a fixed value >= menu width */

演示：（为了清晰起见，我删除了边距和背景并添加了边框）

---

顺便说一句，你的代码是错误的和混乱的。你应该使用

ul

li

结构。

你能用它创建一个JSFIDLE吗？嗨，谢谢你的帮助，我尝试了你的建议，它确实有帮助，现在当我把窗口变小时，没有什么比以前更难保持窗口的完整性了，除了最后一个元素“head\u more”div，出于某种原因，它确实会移动到主菜单下面，但这只是当窗口非常小，太小而无法实际使用时，所以我不担心这一点。顺便说一句，我通常使用“ul”“li”结构，我已经为所有其他列表样式元素使用了它，但是我不知道为什么这次没有使用它，我现在将更改它，再次感谢。

width: 100%
min-width: 960px; /* set here a fixed value >= menu width */