首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >毛边顶还是垫子顶还是顶?

毛边顶还是垫子顶还是顶?
EN

Stack Overflow用户
提问于 2019-12-20 14:57:29
回答 1查看 184关注 0票数 0

我混淆了padding-topmargin-toptop。我的问题是,我想要创建一个15px空间。

使用margin-top: 15px可以,但我认为这是一个错误?

代码语言:javascript
运行
复制
.subtitles{
  font-size:13px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:  uppercase;
  text-align: center;
  margin-top: 15px;
}

下面是我的代码:

代码语言:javascript
运行
复制
    header{
  background-color: #535353;
  width: 100%;
  height: 100px;
  top:  0;
  left: 0;
  display: block;
  position:  absolute;
}

.subtitles{
  font-size:13px;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform:  uppercase;
  text-align: center;
  margin-top: 15px;
}

.subtiles-left{
  display: inline-block;
  padding-right: 10px; 
}

.subtiles-right{
  display: inline-block;
  padding-right:  18px;
  float: right;
}
代码语言:javascript
运行
复制
    <header>
      <div class="subtitles">
        <div class="subtiles-left">Portofolio</div>
        <div class="subtiles-left">Languages</div>
        <div class="subtiles-right">Support</div>
        <div class="subtiles-right">Login</div>
      </div>
    </header>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-12-20 15:16:10

这不是一个错误。根据您想要达到的目标,您可以使用边距或填充。

我认为边距影响边界后的空间,填充影响边界内的空间。

边距可以用来放置父元素,因为它可以有负值,而填充则更多地是将元素放置在边框内,而不能有负值。

顶部通常用于放置与父元素相关的元素,例如具有相对或绝对的样式位置。它也可能有负值。

按MDN web文档计算的页边距

根据MDN web文档填充顶

根据MDN web文档顶级

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

https://stackoverflow.com/questions/59427262

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档