CSS按钮覆盖

Question

我在我的网站上制作了菜单，但移动版本上的按钮正如图片一样相互叠加。

我使用此网站生成它们：http://css3buttongenerator.com/ 该网站上的链接是：https://bydave.net/

Answer 1

导航部分的设置高度小于按钮的实际可视化表示。如果您要调整导航栏的高度以正确调整按钮，则在较小的屏幕上显示时，它们应该不再重叠。

从外观上看，该网站没有采用响应式设计。这导致网站不能调整到不同的尺寸，从而移动屏幕。

代码生成器通常以一种或多种方式存在缺陷。我强烈建议您自己编写标记，以便完全控制，或至少学习如何读/写html＆amp; css因此编辑和修复内容变得更加容易。

Answer 2

感谢我的危险！它修好了！我在此使用了display: inline-block代替display:inline：

nav ul li {
    display: inline;
}

到此：

nav ul li {
    display: inline-block;
}