我的网页中有一个带有 2 张图片的网页。我希望一个图像向左对齐,另一个图像在分区的右端对齐。
JsFiddle _
这是我的 HTML:
<div class="header">
<img id ="ttl" src="Home_files/images/ttl.png">
<img id ="se" src="Home_files/images/se.png">
</div>
和 CSS:
.header {
position: relative;
top: 0%;
height: 20%;
}
/*Header CSS*/
img#ttl {
position: relative;
top:50%;
height: 50%;
left: 0px;
}
img#se {
position: relative;
top:60%;
height:30%;
vertical-align:right;
margin-right: 2%;
}
PS:我试过了float:right;
。它适用于 Chrome 和 FF,但不适用于 IE。当然,这个 div 有一个父 div。但我不认为这会是个问题。