Html 如何定位下拉菜单

我有一个带有选项卡的菜单，出于某种原因，它不想稍微靠近菜单的左侧。我试着去掉所有其他的填充物，但这并没有影响菜单边缘和标签文本之间奇怪的额外空间

此外，我想使下拉列表中的ulli选项卡周围没有填充，只有父选项卡本身。下图显示了左边是当前项目），右边是我想要的样子。

你的问题是：

ul li {padding:10px;}

如果只为父级指定此选项，则一切正常。 提示：使用Google Chrome的检查功能来（取消）激活CSS样式。

您的问题是：

ul li {padding:10px;}

如果只为父级指定此选项，则一切正常。

---

提示：使用Google Chrome的检查功能来（取消）激活CSS样式。

在最后一个CSS文件上尝试此操作

---

希望对您有所帮助。

在css文件的最后一页尝试此功能

---

希望对您有所帮助。

非常感谢您，这比我想象的要容易得多。哇，已经两年了，我还是个笨蛋。谢谢。好的，我有个问题。当使用ul{…}而不是ul li{…}时，我确实解决了第一个问题和第二个问题，但是现在所有的东西都被压扁了，没有填充，我知道如何使每个单独的选项卡周围都有空间的唯一方法是添加ul li{…}，这带来了第二个问题（在我的问题中图像前面所示的下拉列表之间为白色）。这是项目（相同的链接，）。我如何更改它并仍然保留填充？在你的.ul li ul>li>a中（最底部）去掉边距。此外，你可以在这里添加。ul li>.ul li ul一个2倍的填充，这样你就得到了屏幕截图中指出的小白边。非常感谢，这是一个比我想象的容易得多的修复方法。哇，已经两年了，我仍然是一个傻瓜。谢谢。好吧，我有一个问题。我在有ul的时候解决了第一个问题和第二个问题{…}而不是ul li{…}但是现在所有的东西都被压扁了，没有填充，我知道如何使每个单独的选项卡都有空间的唯一方法是添加ul li{…}，这带来了第二个问题（在我的问题中的图像前面显示的下拉列表之间为白色）。这是项目（相同的链接，）.我如何改变这种情况，并且仍然有填充物？在你的.ul li ul>li>a（最底部）中去掉边距。此外，您可以在此处添加.ul li>.ul li ul 2px填充，这样您就得到了屏幕截图中指出的小白边。很抱歉，JSFIDLE解决方案与我之前的错误没有太大区别，但是anki的上述回答是成功的。请访问我更新的代码笔链接（）你自己看看我在找什么。谢谢你的尝试，但是，我非常感谢。哦…好的，我只是把项目移到左边，所以…这是previus图像。很抱歉，我刚刚意识到你改变了下拉列表填充过多的问题。让我研究一下。谢谢！我明白了…这确实是一个很好的解决方案。有没有解决办法你想阻止它发生吗？也许不是。这是一个很好的解决方案，thx。@GraceSawyer我不能在另一个问题中发表评论，但是…你需要编辑我给你的代码。检查botomI中的CSS。很抱歉，JSFIDLE解决方案看起来与我之前的错误没有太大的不同，但是anki的上述回答是成功的。请原谅se访问我更新的代码笔链接（）你自己看看我在找什么。谢谢你的尝试，但是，我非常感谢。哦…好的，我只是把项目移到左边，所以…这是previus图像。很抱歉，我刚刚意识到你改变了下拉列表填充过多的问题。让我研究一下。谢谢！我明白了…这确实是一个很好的解决方案。有没有解决办法你想完全阻止它发生吗？也许不是。这是一个很好的解决方案，thx。@GraceSawyer我不能在另一个问题中发表评论，但是…你需要编辑我给你的代码。检查botom中的CSS

.ul-li-ul > li> a{
  color:red;
  margin-left:-20px;
  margin-top:-20px;
 line-height: 20px;
 vertical-align:middle;
}