如何去除页面左侧和右侧的空白区域?

新手上路,请多包涵

我正在尝试制作页脚,但左右两侧显示一些空白。如何去除空白?

这是我的代码:

 <html>
<head>
  <style>
    footer {
      background: none repeat scroll 0% 0% #DFDFDE;
      padding: 120px 0px;
      text-align: center;
      position: relative;
    }
    .divider {
      background: url('http://evablackdesign.com/wp-content/themes/ebd/images/footer-border.png')
      repeat-x scroll center center transparent;
      height: 7px;
      width: 100%;
      position: absolute;
      top: -6px;
    }
    .container {
      width: 930px;
      margin: 0px auto;
    }
  </style>
</head>
<body>
  <footer>
    <div class="divider"></div>
    <div class="container">
      <h1>hiiiiiiiii</h1>
      <br>
      <h2>buyyyyyyyyyyyy</h2>
    </div>
  </footer>
</body>
</html>

在此处输入图像描述页脚的图像

该标签定义文档或部分的页脚。

元素应包含有关其包含元素的信息。

页脚通常包含文档的作者、版权信息、使用条款的链接、联系信息等。

原文由 Aavik_Kumar 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 639
1 个回答

主体具有默认边距。通过以下方式删除它:

 html,body {
    margin:0;
    padding:0;
}

原文由 j08691 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏