CSS 响应式菜单 - 右答案

【问题标题】：CSS responsive menu - rightCSS 响应式菜单 - 右
【发布时间】：2016-03-13 09:01:24
【问题描述】：

我想将响应式菜单向右移动。

这是一张图片来解释我想要什么

和代码：

http://www.erce.xyz/css/imports/header.css

【问题讨论】：

请添加相关的html和css代码。

标签： html css mobile menu responsive-design

【解决方案1】：

更改：

#primary-menu-trigger,
#page-submenu-trigger {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

收件人：

#primary-menu-trigger,
#page-submenu-trigger {
    opacity: 0;
    pointer-events: none;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    left auto;
    right 0;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

希望这会有所帮助，

提姆

【讨论】：

【解决方案2】：

添加到#primary-menu-trigger 下一个样式：

left: auto;
right: 0;

由于#primary-menu-trigger 已经有position: absolute;，它会将您的按钮放在右侧。

【讨论】：

你打败了我！