由於某種原因不能降低保證金

Question

我有一個div，並且出於某種原因，我不能減少保證金。

HTML

<div class="activebombgame"> 

</div> 

CSS

.activebombgame{ 
    height: 82vh; 
    width: 5vw; 
    background: black; 
    margin: 0; 
} 

This is from google chrome developer tools(blue = div, orange = margin)

全部代碼：https://www.hastebin.com/tapodoyuke.xml

Answer 1

@Nisarg，沙 你已經在末尾添加一個額外的收盤格，這就是爲什麼你的CSS工作不正常。刪除多餘的關閉div並運行它。

Answer 2

你的代碼工作正常看到小提琴here。可能周圍的標籤會限制調整大小。試着像以「.activebomb」外像

<div class="sorrounding"> 

</div> 

<div class="activebombgame"> 

</div> 

Answer 3

聽起來好像是你的body保證金。許多頁面默認設置一個。舉例來看下面的測試。當你第一次運行它時，身體有一個默認的邊距。單擊該按鈕將刪除它並將您的div與頁面邊緣對齊。

function change() { 
 
    document.body.style.margin = "0px"; 
 
}

.activebombgame{ 
 
    height: 82vh; 
 
    width: 5vw; 
 
    background: black; 
 
    margin: 0px; 
 
} 
 
    
 
body { 
 
    background-color: lightgray; 
 
} 
 
    
 
button { 
 
    position: fixed; 
 
    left: 40%; 
 
    top: 20%; 
 
}

<div class="activebombgame"> 
 

 
</div> 
 

 
<button onclick='change();'>Remove Body Margin</button>