Question

我的html有2个部分，保证金为零，但仍显示

.box1 {
  width: 300px;
  height: 450px;
  background-color: green;
  border: 0px;
  display: inline-block;
  margin: 0;
  padding: 0px;
}

.box2 {
  width: 150px;
  height: 300px;
  background-color: purple;
  border: 0px;
  display: inline-block;
  margin: 0;
  padding: 0px;
}

<body>
  <div class="box2"></div>
  <div class="box1"></div>
</body>

this is result

Answer 1

这不是保证金。它是在显示它时转换为“空格”的新行。这是因为div的display:inline-block。您可以删除空格，也可以删除div之间带有注释的空格

.box1 { width: 300px;
height: 450px;
background-color: green;
border: 0px;
display: inline-block;
margin: 0;
padding: 0px; }

.box2 { width: 150px;
height: 300px;
background-color: purple;
border: 0px; 
display: inline-block;
margin: 0;
padding: 0px;}

<div class="box2"></div><!--

   --><div class="box1"></div>

保证金设置为零但仍显示

1 个答案: