【问题标题】:Full-width CSS header not scrolling correctly with narrow browser window全角 CSS 标头无法在狭窄的浏览器窗口中正确滚动
【发布时间】:2011-01-25 22:39:38
【问题描述】:

我有一个 100% 宽度的标题和没有最小或最大尺寸的内容。 当我让我的浏览器窗口相当小然后滚动它时,标题不会填充 100%。它只是我的浏览器窗口的大小,即使它下面的内容要大得多。

图片:http://i.stack.imgur.com/y5782.png

我不能使用最大宽度或最小宽度。

【问题讨论】:

  • 网站链接或一些实际代码会很有帮助,因为如果没有这些,就很难知道实际发生了什么。
  • 我不允许这样做。我给你的图片是另一个话题。

标签: html css gwt header scroll


【解决方案1】:

根据我的经验,当您开始设置横幅宽度时,事情并不总是如您所愿。我对您的建议是为该横幅区域设置一个黑色背景的 div,然后将您的横幅转换为透明图像。这样,您可以将图像的尺寸设置为保持链接可见所需的确切尺寸,并且它看起来与背景“混合”为 1 个完整图像。这样,您的横幅始终可见的窗口大小无关紧要。

【讨论】:

    【解决方案2】:

    设置一个带有宽度属性集的容器。如果您不这样做,它将被解释为您在加载页面时可以看到的 100%。所以它不会填满该区域的其余部分。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-08-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-05-21
      • 1970-01-01
      相关资源
      最近更新 更多