css {right：0;当调整浏览器大小时，position：absolute;}元素不应该替换

Question

当重新调整浏览器大小时，具有此属性的元素将被替换。 应该使用什么属性来防止元素随浏览器一起移位，并且它仍然必须在给定的右端？

.cssclass
{
    position:absolute;
    right: 0px;
}

example here

Answer 1

这个怎么样：FIDDLE

HTML：

<div class="bottom_banner">HELLO</div>

的CSS：

body{
    position:relative;
    height:2000px;
    background:navy;
    padding:0;
    margin:0;
}
.bottom_banner{
    position:absolute;
    width:100%;
    height:50px;
    bottom:0;
    background:red;
    margin:0;
}

<强>

修改

这是一个固定宽度页面的示例，页面右下方有一个横幅：FIDDLE

HTML：

<div class="content">
    <div class="right_banner"> Sup?</div>
</div>

的CSS：

body{
    background:#99cccc;
}
.content{
    position:relative;
    width:400px;
    margin:0 auto;
    background:white;
    box-shadow:0 0 10px;
    height:2000px;
    border-radius:5px;
}
.right_banner
{
    position:absolute;
    width:150px;
    height:50px;
    background:#cc99ff;
    right:0;
    bottom:0;
    color:navy;
    border:1px solid black;
    opacity:0.8;
    border-radius:5px;
}