受Norton工具栏影响的CSS固定位置

时间:2016-09-20 14:49:54

标签: html css css-position fixed

我试图将欧盟Cookie通知定位到屏幕右下角。我已将它从底部设置为1 em,从右侧设置1 em。它一直有效,直到我的Norton Security安全搜索工具栏加载,然后它向下移动并且不显示1 em底部间距并将按钮放在屏幕底部。我必须添加一个高度属性,否则它会将按钮放在div背景颜色之外。

当诺顿工具栏加载时,将位置底部更改为更高的数字似乎无法执行任何操作。

<div class="cookiebar">
    <p>Cookies are used on our website to give you the best experience and by using our site you agree to their use as described in our <a href="#">cookie policy.</a></p>
    <button><a href="#">OK</a></button>
</div>

.cookiebar {
        display: block;
        position: fixed;
        bottom: 1em;
        right: 1em;
        background: #777;
        color: #FFF;
        text-align: right;
        max-width: 34em;
        padding: 1em;
        height: 7em;
        z-index: 10;
    }

    .cookiebar button {
        background: #c17ccf;
        color: #FFF;
        margin-top: 1em;
        padding: .4em 1.2em;
        border: none;
        cursor: pointer;
    }

0 个答案:

没有答案