Question

您知道我的网页上出现水平滚动的原因吗？

Answer 1

#logo

上的文本缩进为20000px

@media screen
    #logo {
    background-image: url('images/logo.png');
    width: 150px;
    height: 28px;
    text-indent: 20000px;   <--- here's the culprit!!!
}

用户Globin（http://stackoverflow.com/users/848053/globin）指出Facebook按钮也有错误：

<dic>应为<div>

Answer 2

我通过添加容器div来修复此问题。你想包装你的整个页面（从开放的主体到div中的结束体标签。也许其他人可以评论为什么需要它？因为我不确定这一点。

<body class="home blog">
  <div id="wrapper">
    REST OF PAGE
  </div>

</body>

CSS：

div#wrapper
  {
    overflow: hidden;
  }

水平滚动添加不正确

2 个答案: