有人可以告诉我为什么我的“姓名”课程会超出我在移动设备上的导航菜单[关闭]

【问题标题】：Can someone please tell me why my "name" class goes over my navigation menu on mobile please [closed]有人可以告诉我为什么我的“姓名”课程会超出我在移动设备上的导航菜单[关闭]
【发布时间】：2019-12-14 07:29:07
【问题描述】：

在手机和平板电脑上查看时，我的“名称”类会与我的汉堡菜单冲突。

https://johnblairgraphicart.firebaseapp.com/

【问题讨论】：

你能简单解释一下你到底想要什么吗？？

标签： html css class

【解决方案1】：

@media (max-width: 480px) {
 .name {
    display: block;
    position: relative;
    bottom: 0px;
    left: 10px;
    width: 80%;
  }

}

这会将您的课程放在导航的末尾，点击后没有顶部空间和菜单项正常工作

【讨论】：

【解决方案2】：

div 默认是块级元素，宽度为 100%。并且您已经为img 提供了top :50px，无论底部是什么，它都是重叠的。

你可以添加

   .logo{
       width:41px;
       display:inline-block;
       margin-top:50px;
      } 
    .menu{
      width:calc(100% - 50px);
      display:inline-block;
      margin-top:50px;
     }

【讨论】：