文章/答案/技术大牛

发布

问div中的额外边距空间
EN

Stack Overflow用户

提问于 2015-06-18 14:05:55

回答 2查看 33关注 0票数 1

我刚刚开始学习HTML和CSS。在下面的代码片段中，我尝试添加一个div。在chrome中有额外的页边距，占据了整个页面的宽度，这是我不想要的。我试着将其设置为0，但边距仍然不会消失。

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

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

html

css

回答 2

Stack Overflow用户

发布于 2015-06-20 18:08:18

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

html, body {
  margin: 0;
  padding: 0;
}

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

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

票数 2

Stack Overflow用户

发布于 2015-06-20 18:24:19

我很确定这与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>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30907637

复制

相似问题

问div中的额外边距空间
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问div中的额外边距空间EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问div中的额外边距空间
EN