Question

有人可以帮我解决这个问题http://www.alerto24.com/ 为什么右边有宽阔的空间，水平滚动条可见？

Answer 1

您的页脚和内容部分的右边距均为-100％，这会导致滚动条。禁用两个元素和滚动条的CSS属性。

Answer 2

请在下面更改css

#content::before {
  background: rgba(0, 0, 0, 0) url("../images/site-bg-b.jpg") no-repeat scroll 50% 0;
  content: " ";
  /*left: -100%;
  position: absolute;
  right: -100%;
  top: 0;
  bottom: 0;
  z-index: -1;*/
}

#footer::before {
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  border-top: 1px solid #032d34;
  content: " ";
  /*left: -100%;
  position: absolute;
  right: -100%;
  top: 0;
  bottom: 0;
  z-index: -1;*/

}

Answer 3

我认为您的var input = document.createElement("input"); input.type="text"; myTooltip.setAttribute("data-content", input);和#footer存在结构问题。例如。您将背景属性设置为在#content中应用100％背景，在页脚元素中应用:before和max-width: 920px，这看起来像是一个矛盾。

我建议你进行这些修改：

您删除了width: 100%和#content:before属性。您可以在#footer:before元素中创建一个容器div，其中包含网站的宽度，如下所示：

#content

您在具有#content .container { width: 920px; margin: 0 auto; }

的#content上应用背景属性

width: 100%;

此外，您对页脚也这样做：

#content {
  width: 100%;
  background: blue; /* you put your background properties on it */
}

编辑：我做了一个JSFiddle来解释我的想法 See it here

宽背景css使用：标签之前

3 个答案: