Html ';斗杆';图片位于页面右侧

Html ';斗杆';图片位于页面右侧,html,css,image,position,Html,Css,Image,Position,我的最后一个问题不是很清楚,我会再试一次 在我的Tumblr博客上(http://anti-standard.tumblr.com)您可以看到一个图像(图像显示为“反标准”),它粘贴在页面的左侧。但是,我希望图像粘贴到页面的右侧。我该怎么做?我有以下CSS代码: .image-container1 { width:100%; position:absolute; float:right; right:0; clear:both; } .image-con

我的最后一个问题不是很清楚,我会再试一次

在我的Tumblr博客上(http://anti-standard.tumblr.com)您可以看到一个图像(图像显示为“反标准”),它粘贴在页面的左侧。但是,我希望图像粘贴到页面的右侧。我该怎么做?我有以下CSS代码:

.image-container1 {
    width:100%;
    position:absolute;
    float:right;
    right:0;
    clear:both;
}

.image-container2 {
    background:url('http://avare.nl/tumblr/as.png') no-repeat fixed;
    background-size:55px 500px;
    height:500px;
    width:55px;
}
以及“body”标记正下方的以下HTML代码:

<div class="image-container1">
    <div class="image-container2">
    </div>    
</div>


我希望你们能帮我解决这个问题。

添加
float:right
.image-container2
并从背景中删除fixed

.image-container2 {
    background:url('http://avare.nl/tumblr/as.png') no-repeat;
    background-size:55px 500px;
    height:500px;
    width:55px;    float:right;
}​

或者用简单的方式做这样的事

HTML

<div class="image-container1">lorem ...</div>

html, body{height:100%}
.image-container1 {
    width:100%;
    background:url('http://avare.nl/tumblr/as.png') no-repeat right top;
    background-size:55px 500px;
    height:100%
}