Question

我刚刚开始使用HTML＆amp; CSS。在下面的代码片段中，我正在尝试添加div。在chrome中有额外的边距占据了页面的整个宽度，这是我不想要的。我试着把它设为0，但是边距仍然不会消失。

myNoFunction

#row4div {
  clear: both;
  width: 100px;
  margin-top: 60px;
  margin-left: 0px;
  margin-right: 0px;
}

Answer 1

默认情况下，浏览器会向body元素添加一些边距。您需要在body元素中添加margin：0。

＆＃13;

html, body {
  margin: 0;
  padding: 0;
}

#row4div {
  clear: both;
  width: 100px;
  margin-top: 60px;
  margin-left: 0px;
  margin-right: 0px;
}

＆＃13;

<div id="row4div">
  <span id="row4">
    <label> Degree : </label>
  </span>
</div>

＆＃13;

Answer 2

我很确定这与webkit中的代码处理方式有关。这种情况发生在Chrome和Safari中，但不会发生在Firefox中。

如果你添加

float: left;

到你的div右边的这个边距消失了。这样，如果您想通过提供下一个元素

，您可以在其旁边放置其他元素

float: left;

#row4div {
    /* clear: both; */
    width: 100px;
    margin-top: 60px;
    margin-left: 0px;
    margin-right: 0px;
    
    float: left;
}

<div id="row4div"> 
    <span id="row4">
        <label>Degree :</label>
    </span>
</div>

div中的额外边距空间

2 个答案: