Question

.nav-btn {
        display: block;
        background-color: #000;
        color: #FFF;
        font-size: 1.5em;
        /*text-align: right;*/
        /*right: 2%;*/
        float: right;
        cursor: pointer;
        padding-top: 20px;
        /*position: absolute;*/
    }
    .nav-btn:before {
        background-image: url('http://optimumwebdesigns.com/icons/mobile_menu_white.png');
        background-size: 28px 28px;
        background-repeat: no-repeat;
        padding-right: 15px;
        width: 28px;
        height: 28px;
        content:"";
        display: block;
        padding-top: 0;
        float: right;
    }

我的640px媒体查询中显示了一个菜单。每当选择该按钮时，由于某种原因，图像会在我的菜单下显示下来。无论菜单是打开还是关闭，我都希望图像保持在同一位置。

当单击按钮时，background-color再变为蓝色？

造成这种情况的原因是什么？

Answer 1

这是因为浮动：在.nav-btn上。我甚至不确定你需要漂浮物：对。当我切换或禁用浮动时：对，没有任何改变，所以对我来说似乎没有必要。

菜单打开时图像会下降

1 个答案: