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

标签 html css

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

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

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

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

最佳答案

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

Fiddle

关于html - 使包含 float div 的固定标题可滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19600118/

相关文章:

javascript - 为什么在播放音频文件之前不加载HTML链接

css - 希伯来语排版

css - 行被相邻的内容拉长

jquery - 保持事件链接(框)突出显示

html - 在影院 View 中像 Facebook 一样调整图像大小

javascript - 使用 MutationObserver 时获取当前 MutationRecord 的新属性值?

html - 如何使按钮在 div 中垂直居中

android - 背景尺寸:封面在 Android 平板电脑上无法纵向工作

css - IE8 和 Primefaces p :selectOneMenu misbehave when having a lots of p:selectOneMenu in a form

javascript - 在每个函数中使用 jquery 数据属性