由于某种原因无法减少保证金

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

您的代码可以正常使用小提琴here。周围的标签可能会限制调整大小。尝试像“.activebomb”之类的东西，比如

<div class="sorrounding"> 

</div>

<div class="activebombgame">

</div>

Answer 2

这听起来像是你的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>

Answer 3

@Nisarg Shah， 你最后添加了一个额外的结束div，这就是你的css无法正常工作的原因。删除那个额外的结束div并运行它。