<p>我有一个无序的列表，我将样式设置为none，这将创建默认缩进的空间。<br /><br />我对边距和填充的理解是边距是元素的外层空间，因此我试图使用margin: 0来修复间隙，但它不起作用。当我使用padding: 0时，它从li项中删除了缩进的空间。<br /><br />现在我很困惑为什么在这种情况下填充而不是边距。</p><p><br /></p> <p><br /></p> <pre class="brush:css;toolbar:false;">ul { list-style-type: none; padding: 0px; }</pre> <pre class="brush:html;toolbar:false;">&lt;ul&gt; &lt;li&gt; Linkedin &lt;/li&gt; &lt;/ul&gt;</pre> <p><br /></p>

ul.no-padding {
  list-style-type: none;
  padding: 0px;
}

ul.no-margin {
  list-style-type: none;
  margin: 0px;
}

<ul>
  <li>
    Linkedin
  </li>
</ul>

<ul class="no-margin">
  <li>
    Linkedin
  </li>
</ul>

<ul class="no-padding">
  <li>
    Linkedin
  </li>
</ul>