CSS 边框环绕子菜单和父选项卡。

Question

我有一个带有子菜单的 CSS 菜单。在顶层，顶部、左侧和右侧有一个边框。对于子菜单，所有 4 个边都有边框。在 https://jsfiddle.net/vjy8adff/ 查看 JSFiddle .


我想将子菜单向上移动 1px，以创建一种效果，即父选项卡和子菜单周围只有一个循环。由于我的子菜单现在是“绝对”定位的，所以我不能执行以下操作:

ul  ul{
     top: -1px; 
}

这里最好的解决方案是什么。

Answer 1

在第 17 行添加:

 margin-top: -1px;

完整代码:

ul.menu > li > ul {
    width: auto;
    margin-top: -1px;
    display: none;
    position: absolute;
    white-space: nowrap;
    background-color: #fff;
    padding: 10px;
    border-radius: 2px; 
}