【问题标题】:Horizontal scroll bar not showing. What might cause this?水平滚动条不显示。什么可能导致这种情况?
【发布时间】:2014-04-10 03:18:54
【问题描述】:

这是我所拥有的:1000px width div 位于 100% width 容器内,背景图像水平重复。

直播:http://www.baskra.com/scroll

当我调整浏览器窗口的大小时(任何小于 1000 像素的东西都应该生成一个水平滚动条,对吧?),滚动条不会出现,如下图所示。

我应该怎么做才能让滚动条出现? (不要介意幻灯片,我还在努力。)

JSFiddle:http://jsfiddle.net/vBjeg(不是每张图片都能正常工作,但我相信这里最重要的是 CSS。)

感谢您的所有想法!

【问题讨论】:

  • 你的布局不那么简单。肯定有一个 JS 可以调整图像的大小,无论如何,你将容器设置为 100% 的窗口,显然它们会随着它缩放。
  • 检查冲突溢出规则?
  • 1000px 宽度的内部 div 怎么样?它们是否被外部 100% 宽度的容器忽略了?有没有办法在视口大小
  • j08691,我该怎么做?我对溢出还不是很熟悉。

标签: css


【解决方案1】:

.row 中删除overflow: hidden

【讨论】:

  • 乔希,它就像一个魅力,但我的“Contato”部分发生了什么? baskra.com/scroll
  • 看起来您需要一个 clearfix,因为 .row 中有浮动元素。查看 Nicolas Gallagher 的 nicolasgallagher.com/micro-clearfix-hack/">microclearfix
  • overflow:hidden 添加到.o-contato 解决了这个问题。非常感谢。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-11-14
  • 1970-01-01
  • 2015-03-06
  • 2014-11-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多