【问题标题】:DIV Overflow / scroll bars / chrome / ff / ieDIV 溢出/滚动条/chrome/ff/ie
【发布时间】:2010-11-14 12:39:29
【问题描述】:

希望对某人来说是一个很好的简单问题:)

我有一个照片画廊带,它在上面的 DIV 中加载了一个主图像。画廊条在 Chrome 中看起来很好,但在 IE 和 FF 中没有出现滚动条,并且画廊垂直展开,有人可以帮忙吗?提前致谢! :)

这是页面 http://www.militarysilver.co.uk/military-silversmith-gallery.php

非常感谢, 丹

【问题讨论】:

    标签: php google-chrome html overflow nowrap


    【解决方案1】:

    您需要将宽度设置为div.container,而不是自动。固定宽度将确保嵌套列表项不会环绕在浏览器的边缘(在您的特定情况下,自动是指 100% 浏览器宽度)而不是像素 2048(如果您将其设置为 div 的宽度)。

    希望能澄清事情。 aefxx

    【讨论】:

    • 这很糟糕。在 Safari 和 Firefox 中,会显示容器的整个宽度,导致滚动条大于所需的滚动条,而容器的一半是空的。看看我下面的解决方案。
    • Evan 是对的,如果您不想设置固定宽度,而是希望将画廊延伸到存在列表项的范围内,请使用他的方法。 +1 来自我:D
    【解决方案2】:

    从 CSS 中的 li 样式中删除 float,并将其替换为 display:inline。将overflow-x:scroll 放在gallerystrip 类中。

    这种方式不需要设置宽度,也不会产生不想要的效果。

    希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-08-03
      • 1970-01-01
      • 1970-01-01
      • 2016-05-14
      • 2018-05-28
      • 2018-06-08
      • 2011-10-06
      相关资源
      最近更新 更多