这个问题可能出现在某些浏览器中,因为对无序列表进行渲染的方式可能会导致项目符号位于其容器之外。要解决这个问题,可以将列表的内边距设置为0,并为列表项设置适当的左边距,以确保项目符号始终在容器内部。
示例代码:
HTML:
CSS:
.list-container { border: 1px solid #ccc; padding: 10px; }
.my-list { list-style-type: disc; padding: 0; }
.my-list li { margin-left: 20px; }