Html ';斗杆';图片位于页面右侧
我的最后一个问题不是很清楚,我会再试一次 在我的Tumblr博客上(http://anti-standard.tumblr.com)您可以看到一个图像(图像显示为“反标准”),它粘贴在页面的左侧。但是,我希望图像粘贴到页面的右侧。我该怎么做?我有以下CSS代码: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
.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%
}