Html 需要一种在不间隔相应边界的情况下间隔垂直li的方法吗

我想做的是在左边有一个实心边框的垂直列表，但是每个li之间有1或2 px的空间。我不能使用边距底部，因为这样边距就会断开。我最终尝试在列表的左侧使用纯色（没有空格），当我将单个li悬停以使其在现有边界上实际向左移动时。我并不打算使用边界，但我尝试使用包装器div，但我似乎无法正确使用它，所以任何建议都是受欢迎的：）哦，垂直列表的高度会发生变化，所以只把一个div作为背景，而没有高度自动添加到列表元素是不行的

<div id="menu">
<ul class="menu">
<li class="openmaincategory"><span><a href="#">###</a></span></li>
<ul class="categories">
<li class="subcategory"><span><a href="#">###</a></span></li>
<li class="subcategory"><span><a href="#">###</a></span></li>
<li class="subcategory"><span><a href="#">###</a></span></li>
</ul>
<li class="maincategory"><span><a href="#">###</a></span></li>

</ul>
</div>

---

听起来你想使用填充而不是边距。我根据您的代码建立了一个示例

关键部分是将子类别类从li移动到跨度，并添加.last，以便您可以使用最终间距

.categories li span{
    background-color:#d7d1c9;
    height:40px;
    padding-top:2px;
}

.subcategory .last{
    padding-bottom:2px;
}

---

使用最后一个li上锚定的填充进行更新。

听起来您想使用填充而不是边距。我根据您的代码建立了一个示例

关键部分是将子类别类从li移动到跨度，并添加.last，以便您可以使用最终间距

.categories li span{
    background-color:#d7d1c9;
    height:40px;
    padding-top:2px;
}

.subcategory .last{
    padding-bottom:2px;
}

---

使用最后一个li上锚定的填充进行更新。

在列表本身上有边框，而不是在列表项上

将边框放在列表本身上，而不是列表项上

我通过将边框添加到列表本身并使悬停效果边距向左：-20px来修复它。

我通过将边框添加到列表本身并使悬停效果边距向左：-20px来修复它。

是否要将此移动以查看工作示例？是否要将此移动以查看工作示例？您的解决方案确实如此虽然没有突破边界，但这会给li和悬停边界本身带来很大的麻烦。即使在您的示例中，受影响的3个按钮看起来也不正确。谢谢，不过，我会试着把它弄得一团糟。你的解决方案确实没有突破边界，但它把li和悬停边界本身弄得一团糟。即使在您的示例中，受影响的3个按钮看起来也不正确。谢谢，不过，我会试着把它弄得乱七八糟。如果列表上有边框，hover就不能正常工作。如果列表上有边框，hover就不能正常工作。