【问题标题】:Resizing browser stops width:100% background over css调整浏览器停止宽度:CSS 上的 100% 背景
【发布时间】:2013-08-07 23:41:11
【问题描述】:

我的网站 www.onlinemoviesbox.com 存在轻微的 CSS 问题。 当我调整大小(使我的浏览器宽度更小)时,会出现垂直滚动条,如果我向右滚动,我会看到标题背景损坏并且无法继续(黑色背景)。 我经历了很多类似的问题,但无法用类似的答案解决这个问题。 我尝试将标题 div 宽度从像素删除为百分比,但没有成功。

如果有人可以帮助我修复标题,我将非常高兴,因此无论我如何调整大小和滚动,我都会继续使用背景。

谢谢

【问题讨论】:

  • 能否包含标题 div 的代码和 div 的当前 css?
  • 你能分享你的代码吗?
  • 发生的事情是您的 .wrapper 设置为 width: 100%;它正在适应宽度或您的浏览器,因此标题等元素正在适应该尺寸。然后你有像幻灯片这样的元素,它有固定的宽度,推动浏览器比 .wrapper 更宽。您要么必须使附加元素可扩展,要么添加 min-width: 1170px;到 .wrapper

标签: jquery html css


【解决方案1】:

我在您页面的 HTML 中看到了这一点:

<div class="topheader" style="width:100%;background:#000;">

看起来 width:100% 是那里的问题。尝试在那里也设置一个最小宽度,这将是水平滚动条第一次出现的宽度。

【讨论】:

  • 这有帮助...我消除了大部分差距,但仍然留下大约 40 像素...您可以自己尝试...不幸的是还没有工作。
  • 设法修复它!另一个 div 的宽度为 1050px,所以我将 min-width 添加到 1050px。
  • 请问为什么宽度:100% 还不够,所以它会遍布整个浏览器宽度?
  • width:100% 是浏览器窗口的大小。不是您可以通过滚动访问的内容的大小。
猜你喜欢
  • 2011-04-17
  • 1970-01-01
  • 2012-08-18
  • 1970-01-01
  • 1970-01-01
  • 2014-05-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多