Question

我在左边，右边和上边缘都有空白区域。

但是，如果我在身体中设置背景颜色，如下所示： <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>

^此代码生成白边距。

Answer 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;
  }

边缘白色空间

1 个答案: