如何在容器内获取列表项的前导点

Question

  

这是一个带有this post的重复条目，抱歉。

所以我在下面有标记，这是ul元素中的nav元素。

<nav>
  <ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
  </ul>
</nav>

此代码部分的样式是

nav {
  width: 150px;
  float: right;
}

当我打开Chrome的开发者工具时，我注意到所有列表项的点都在nav框之外。该框是屏幕截图中的阴影区域。无论如何我可以在盒子里面得到所有这些点吗？

Answer 1

使用CSS ...

nav ul {
    list-style-position: inside;
}

这会将光盘带入容器内。