CSS无序列表项未完全占用无序列表

Question

我基本上使用<ul>和<li>创建了一个下拉菜单，其中<li>项目是垂直排序的。但<li>项并未完全占据<ul>，左侧有一个未占用空间的垂直条。可能导致这种情况的原因是什么？

Answer 1

margin，padding和border，即框模型属性。

Answer 2

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

Answer 3

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

尝试：

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

修改

或尝试：

ul{
    display: inline;
}