边距空白答案

【问题标题】：Margins White Spaces边距空白
【发布时间】：2013-12-15 14:08:21
【问题描述】：

我在左边、右边和上边距得到空白。

但是，如果我像这样在正文中设置背景颜色： <body id="SuperMainBlock"> 或 <body bgcolor="#000066"> 会占据整个页面 --» 但是这不是一个块 :P

我猜白边空间是由于块。是否可以让 div 块占据页面的 100%？

    <style>
.SuperMainBlock {
    position:relative;
    background-color:#006;
    }

.MainBlock {
    display: block;
    position:relative;
    background-color:#FFF;
    visibility: visible;
    height: 500px;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    border-top-style: dotted;
    border-right-style: dotted;
    border-bottom-style: dotted;
    border-left-style: dotted;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    padding: 0;
    }
    </style>

    </head>

    <body>

    <div class="SuperMainBlock">
        <div class="MainBlock" id="CenteredBlock">
            <div>
            Header
            </div>  
        </div>
    </div>
    </body>

^ 这段代码使空白边距。

【问题讨论】：

标签： html block

【解决方案1】：

首先我认为你得到了空白，因为浏览器有自己的默认空间设置，你需要重置它。是的，你可以让它 100%。

 /*edit the mainblock style*/
 .mainblock{ 
 height: 500px;
 width: 100%;
 margin-left:0 auto;
 margin-right:0 auto;
 }

/*now add this to your style to  reset the browser margin and padding*/

  body{
  margin:0;
  padding:0;
  }

【讨论】：

谢谢，成功了！ - 虽然其他网站的浏览器没有做白边，所以可能是 Dreamweaver 中的一些配置。