0

下面的这个 div 导致页面在小于 1450px 的浏览器上水平滚动。我认为溢出会解决这个问题,但似乎没有......可能是我需要在父 div 上做的事情。有任何想法吗?

http://barr-display.mybigcommerce.com/

   #Header {
    position: relative;
    clear: both;
    width: 1450px;
    min-height: 190px;
    overflow: hidden;
    background: url('/content/headerbg3.jpg') repeat-x;
    }
4

3 回答 3

1

在身体上,您需要以下内容

body {
  width:100%;
  overflow:hidden;
}

您的代码不起作用的原因是您在需要设置父级时设置overflow了 child( )。#header

于 2013-10-09T13:12:32.500 回答
0

将这些行添加到您的 CSS:

html, body {
    width:100%;
}
body {
    overflow-x:hidden;
}

您需要overflow-x垂直滚动条不会消失。此外,overflow: hidden;#Header.

于 2013-10-09T13:22:56.173 回答
0

看起来你想要三件事:

  1. 切断标题图像时没有滚动条。
  2. 当主页面内容被切断时,滚动条是 YES。
  3. 如果浏览器窗口很宽,您的标题背景可以向右延伸。

您确实需要在此处发布更多相关代码。但是,我查看了您的网站,这将解决它:

  1. 更改#outer 的规则:

#Outer { clear: both; margin: 0 auto; min-height: 190px; width: 1024px; }

  1. 从#outer 的父级中删除边距和宽度规则,并替换为width:100%;overflow-x:hidden;
于 2013-10-09T13:38:30.740 回答