html - CSS 中的设计问题

Question

我试图在一个 ul 下显示多个 li。但是通过使用下面的代码，我在第一个 li 之上得到了差距。

屏幕截图:我提到的差距以红色显示。我想删除它。有人能解决吗？

Answer 1

由于红色背景显示，它是子菜单列表上的填充。

尝试添加:

#nav li.off ul li:hover ul,
#nav li.on ul li:hover ul {
  padding-top: 0;
}