html - 使包含 float div 的固定标题可滚动

Question

我有一个包含多个元素的标题。假设我们有 5 个 div 向左浮动，1 个 div 向右浮动。我有流畅的标记，所以我的标题占 100% 宽度。前 5 个 div 用作菜单，在右侧我有一个显示记录的用户信息的 div。

基本上是这样的http://dabblet.com/gist/7162391

我想让这个标题在屏幕分辨率较低时可滚动。我的标题也固定了位置(出于某些原因)。我发现如果我制作固定宽度的页眉，添加水平滚动将很容易(制作所有 div 内联 block )，但我无法让它在 100% 宽度下工作。

此外，是否有任何通用方法可以使整个站点可滚动？或者至少是我问题中的标题...因为 float 元素，我的网站变得困惑而不是水平滚动

Answer 1

所以基本上，为了让它按你想要的方式工作，你需要一个 div保留这些菜单项，并设置 min-width为了它。您还需要设置 overflow-x:auto;至 <header>

Fiddle