Question

我使用的是70像素高的粘性导航栏。因此，为了使其能够正常工作并正确显示其余内容，我将给予body一个padding-top margin-top（此处为......或<?php foreach ($pages as $pages_item): ?>）70px。< / p>

就个人而言，我之所以尝试使用填充而不是保证金，是因为当我使用保证金时，我在模式中的Google自动填充实现会出现问题。

使用填充或边距是否有任何差异（或缺点）？我会遇到任何其他问题吗？

Answer 1

我认为你在理解填充和边距

之间的区别时遇到了一些困难

保证金用于将元素与其他元素分开

2.Padding是内容和边框之间的距离

检查以下代码段

＆＃13;

#div-1{
  border:1px solid red;
  width:300px;
  margin-top:20px;
  padding:10px;
}

#div-2{
  border:1px solid red;
  width:300px;
  margin-top:20px;
 padding-top:5px;
}

＆＃13;

<div id="div-1">
  Div1
</div>

<div id="div-2">
  Div1
</div>

＆＃13;

上面的代码片段是填充和边距

考虑这没有余量

＆＃13;

#div-1{
  border:1px solid red;
  width:300px;
  
  padding:10px;
}

#div-2{
  border:1px solid red;
  width:300px;
 padding-top:5px;
}

＆＃13;

<div id="div-1">
  Div1
</div>

<div id="div-2">
  Div1
</div>

＆＃13;

考虑一下没有填充

＆＃13;

#div-1{
  border:1px solid red;
  width:300px;
 
}

#div-2{
  border:1px solid red;
  width:300px;
}

＆＃13;

<div id="div-1">
  Div1
</div>

<div id="div-2">
  Div1
</div>

＆＃13;

希望这些片段可以帮助您理解边距和填充

在BODY标签上使用margin-top或padding-top有什么区别吗？

1 个答案: