边距白色空间

2018-07-02 00:48:29

我在左边，右边和上边缘获得空白区域。

但是，如果我在背景色中设置了这样的背景颜色： <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>

^此代码使白色边距。

首先我认为你得到的是空白区域，因为浏览器有自己的默认空间设置，你需要重置它。也是的，你可以让它成为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;
  }

链接地址: http://www.djcxy.com/p/89301.html

上一篇: Margins White Spaces

下一篇: How to dynamically create CSS class in JavaScript and apply?