微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

HTML – 如何删除页面左侧和右侧的空白区域?

我试图制作页脚,但左侧和右侧显示一些空白区域.如何删除空白区域?

这是我的代码

<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>

image of footer

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

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

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

解决方法

正文有一个认的边距.删除它:
html,body {
    margin:0;
    padding:0;
}

原文地址:https://www.jb51.cc/html/231993.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐