整页宽度的 div [重复]答案

【问题标题】：Full page-width div [duplicate]整页宽度的 div [重复]
【发布时间】：2015-12-15 01:40:20
【问题描述】：

我有一个 div（作为测试站点的“标题”），但我的左右边距总是很小，即使我的宽度设置为 100%。

CSS：

.humpty {
   background-color: pink;
   text-align: center;
   font-family: "Helvetica Neue";
   color: gray;
   font-size: 30px;
   font-weight: lighter;
   width: 100%;*/
   padding-top: 1px;
   padding-bottom: 1px;
   margin: 0 -9999rem;
   padding: 0.25rem 9999rem;
}

html:

<html>
   <head>
      <meta charset="utf-8">
      <link rel="stylesheet" type="text/css" href="main.css">
      <title>Test Site</title>
   </head>
   <body>
      <div class="humpty">
            Main Title for this Page entirely
      </div>

【问题讨论】：

大部分是因为body padding，试试把这个添加到你的css body{padding:0;margin:0}

标签： html css

【解决方案1】：

添加

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

【讨论】：