Kann die Marge aus irgendeinem Grund nicht reduzieren

Question

Ich habe ein Div und aus irgendeinem Grund kann ich seine Marge nicht reduzieren.

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)

ganze Quellcode: https://www.hastebin.com/tapodoyuke.xml

Answer 1

@Nisarg Shah, Sie haben am Ende eine zusätzliche Schließ div hinzugefügt, das ist, warum Ihr CSS nicht richtig funktioniert. Entferne das zusätzliche schließende div und führe es aus.

Answer 2

Ihr Code funktioniert die Geige here fein sehen. Wahrscheinlich begrenzt ein umgebendes Tag die Größenänderung. Versuchen Sie so etwas wie „.activebomb“ taking außen wie

<div class="sorrounding"> 

</div> 

<div class="activebombgame"> 

</div> 

Answer 3

Es klingt wie es Ihre body Marge ist. Viele Seiten haben standardmäßig einen Satz. Im folgenden Test finden Sie ein Beispiel. Wenn Sie es zum ersten Mal ausführen, hat der Körper einen Standardrand. Wenn Sie auf die Schaltfläche klicken, wird sie entfernt und Ihre div wird mit der Seitenkante aufgereiht.

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>