将按钮浮动到右侧

时间:2017-06-02 08:05:39

标签: html css html5 css3

我在网站的左侧有一个菜单按钮,我无法将其浮动到右侧,我尝试显示属性数千次 在这里我的css:

    .menu-button {
     position: fixed;
     z-index: 999999999;
     margin: 1em;
     padding: 0;
     width: 2.5em;
     height: 2.25em;
     border: none;
     text-indent: 2.5em;
     font-size: 1.5em;
     color: transparent;
     background: transparent;
     outline: 0;
     }

以下是您可以通过以下方式查看inspact元素的网站:wwww.takchinsaffron.com

2 个答案:

答案 0 :(得分:2)

right: 0添加到您的选择器:

.menu-button {
    right: 0;
}

答案 1 :(得分:1)

left:100%添加到您的选择器:

.menu-button {
    left: 100%;
}

如果元素超出范围,请尝试添加transform:translate

.menu-button {
    left: 100%;
    transform:translate(-100%, 0);
}