html - CSS无序列表项未完全占据无序列表

Question

我基本上创建了一个下拉菜单，使用<ul>和垂直排列<li>的项目。<li>然而，这些<li>项目并没有完全占据<ul>，左侧有一个未占用空间的垂直条。这可能是什么原因造成的？

Answer 1

margin,padding和border, 盒模型性质。

Answer 2

这可能是 .css 边距或填充li。发布您的代码示例，以便我们查看问题所在。

Answer 3

它可能是元素的边距和填充。

尝试：

ul, li{
    margin: 0;
    padding: 0;
}

编辑

或尝试：

ul{
    display: inline;
}