html - 为什么这个 ul 超过了它的 div 的大小？

Question

尽管 li.textmenu 的宽度为:140px，填充:5px，div.textmenu 的宽度为:150px，但到目前为止我制作的一个列表项的左边距很大，并且扩展了超出 div 的右边缘至少 30px。是什么原因造成的，我该如何限制它的宽度？

http://www.briligg.com/frailty.html

CSS

div.textmenu {
  background-color: #3b3b3b;
  float: left;
  width: 150px;
  margin: 30px 10px 0 30px;
}

li.textmenu {
  background-color: #4a4a4a;
  margin: 0;
  padding: 5px;
  border: none;
  width: 140px;
  list-style: none;
  text-align: right;
}

HTML

<div class="textmenu"> 
  <ul> 
    <li class="textmenu">
      <a class="pink" href="http://www.briligg.com/frailty.html#culture">Stress Causes Addiction</a>
    </li> 
  </ul> 
</div> 

Answer 1

您是否在 css 文件的顶部添加了 zip/uni 重置？

* { margin:0; padding:0; }

(将其完全放在 CSS 的最顶部以覆盖浏览器默认边距/填充)。

很可能 ul 被赋予了默认的填充/边距，所以这是为了抵消它。