我试图将欧盟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;
}