【问题标题】:Menu links are overlapping in mobile view移动视图中的菜单链接重叠
【发布时间】:2021-09-14 08:58:08
【问题描述】:

这是两张图片,在mwnus原来的菜单下,这后面是重叠的。

【问题讨论】:

    标签: html css drop-down-menu flexbox css-transitions


    【解决方案1】:

    尝试在这些子部件的父 div(产品)中使用这些属性

    显示:弹性; 弹性方向:列; //将它们排列在列中 justify-content: 之间的空格; //提供相等的空格

    这也更具响应性 display : flex;根据可用空间排列元素

    【讨论】:

      【解决方案2】:

      子菜单上可能有一个absolute: position;。如果您希望它出现在主菜单项上方,请添加一个z-index: 10; 如果您希望它出现在主菜单中并将其他导航项向下推,给子菜单一个position: relative;

      【讨论】:

        猜你喜欢
        • 2018-12-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-12-27
        相关资源
        最近更新 更多