请帮助我修复CSS中的这些问题（不使用JS）。我正在学习，找不到导航方面某些问题的答案。请不要怪我：）
我为该网站创建了导航和第一个屏幕，但偶然发现了这些问题。以下是所有内容的屏幕截图：https://prnt.sc/ln3ytx和我在Codepen上的笔：https://codepen.io/a007mr/pen/mQKyYM
如何使所有行的背景悬停？
我的代码是.menu-item ul a:hover {color: #000000; background: #d2d4d6;
但效果不佳。如何使它像这样：https://prnt.sc/ln3mvm
当我打开下拉菜单时，部分导航向右跳。如何避免这种跳跃？
如何在任意大小的桌面上设置导航按钮？我在用
margin: 15px;
但是当我要提高屏幕分辨率时，效果不佳。它没有响应。如果选择较大的桌面，该按钮将不会位于右上角。
所有导航都存在相同的问题。如何定位导航 在一个地方可以放置任何桌面大小？
如何通过单击（而不是悬停）打开下拉菜单并仅通过单击隐藏下拉菜单？我的代码li:hover > ul。如果我在li:active > ul上进行更改，则仅在按住按钮时才会显示下拉菜单。怎样制作*单击按钮->我们显示下拉菜单，并可以选择某些内容-> *其他单击“了解更多信息”，菜单被隐藏。
如何在主按钮下方增加边距？ :)
我写了margin-top: 20px;，但没有用。
如何使所有导航的背景没有空白？
怎么了？我该如何解决？请帮助。
答案 0 :(得分：-1)
我将尝试给您一些答复：
如何使所有行的背景悬停？我的代码是.menu-item ul a：hover {color：＃000000;背景：＃d2d4d6;但效果不佳。如何做到这一点：https://prnt.sc/ln3mvm
1) Try uses block elements. Remember that css property
display: block; makes your element a block element.
当我打开下拉菜单时，部分导航向右跳。如何避免这种跳跃？
2) Your items in the list must be made as blocks and it item (li>a) need to be
increased.
常见示例：
https://codepen.io/bear-wolf/pen/YRvoWO?editors=1100#0