Html CSS当被ul、li、/li标记包围时，a块向右移动

我使用ul和li标签的组合作为菜单，我使用显示框和背景色将其显示为按钮问题是，一旦我使用li将a标签括起来，按钮似乎会向右移动，有点像缩进之类的

我试过了

list-style: none;

但是这不起作用。有人能提出一个解决这个问题的办法吗

谢谢，如有任何帮助，我们将不胜感激

---

感谢大家的努力，将

ul

上的

padding left

和

margin left

设置为0。

A

ul

和/或

li

元素将由浏览器提供默认边距和/或填充。尝试添加

边距：0；填充：0

到您的

ul，li{}

---

更好的是，使用CSS重置来省去这个元素和其他许多元素的麻烦。我建议您这样做：

您是否重置了默认边距和填充样式

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

---

您应该检查UL和LI元素的边距和填充，并将它们设置为特定值。例如：

margin: 0;
padding: 5px;

UL的样式通常是从左边缩进显示，尽管在某些浏览器中它也可能是LI（我相信）

在Firefox（带Firebug）、Chrome和IE9中，您可以使用可用的开发工具检查应用的样式。这确实有助于理解在显示的元素中出现这样的问题的位置

此外，为了防止您以前没有见过它，请查看长方体模型：

---

你能多发一点代码，让我们看看你尝试了什么吗？当然，我会马上提供一个提琴