css - 垂直菜单的下拉菜单无法正常使用边距

Question

专家兄/姐您好，

我在处理一个网站时遇到了下拉菜单问题。网站上有两个下拉菜单。一个是水平下拉菜单，另一个是垂直下拉菜单。我已经成功地放置了两个下拉菜单。首先请看图片:

1. 水平菜单的下拉菜单(父“购物车”)
2. 垂直菜单的下拉菜单(父“杂志”)

我遇到了第二个问题(垂直菜单的下拉菜单):下拉菜单属于“杂志”选项卡。您可能会看到主导航/选项卡和下拉导航之间存在空白。我的问题是那个 margin 。我必须使用那个 margin 。但是，为了创建该边距，我无法轻松地将鼠标放在“杂志导航”的下拉菜单上。

您可以查看 link .看，从“购物车”菜单到它的下拉菜单也有一个边距(图 1)。但是，可以很容易地将鼠标放在“购物车”的下拉菜单上。但是，您不能在“杂志”菜单的下拉菜单中轻松选择/放置鼠标。

虽然从“购物车”菜单到它的下拉菜单也有一些余量，但这并没有造成问题。因为，我已经给“购物车”li 设置了一个高度，这在睁眼看来是空白。因此，从“购物车”菜单到它的下拉菜单没有实际的 margin (marin-top)。但是，我不能对“杂志”菜单使用相同的技术我的意思是我不能对“杂志”菜单使用更大的宽度作为其下拉菜单的抽象边距。因为，如果我使用更大的宽度而不是边距，“杂志”菜单中也会出现背景颜色和图像。

那么，你能帮帮我吗？我能把我的问题说清楚吗？简而言之，我想告诉你我不能轻易地将鼠标从“杂志”菜单放到它的下拉菜单中，因为在从“杂志”菜单到它的下拉菜单的左侧创建了一个边距.

感谢大家阅读我的问题。

(我试图在这里给出我的菜单代码。但是，我不能在这里格式化。这就是为什么，如果有人需要，我已经上传了它:Download)

Answer 1

好吧，这是一个糟糕的 hack，但你可以像这样伪造边距:

.vertical_nav li ul li {
  border-left: 15px solid #fff;
}