邊距白色空格

我在左側，右側和上邊距獲得空白區域。邊距白色空格

但是，如果我設置在機身的背景顏色是這樣的： <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>

^此代碼使白色邊距。

來源

2013-12-15 Harlequin

首先，我認爲你得到的空白，因爲瀏覽器有自己的默認空間設置，你需要重置。也是的，你可以讓它成爲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; 
    }

來源

2013-12-15 14:24:03 iamkarsoft

謝謝，它的工作！ - 雖然其他網站中的瀏覽器沒有做白色頁邊空白，所以也許它是Dreamweaver中的一些配置。 – Harlequin

邊距白色空格

回答

相關問題