html - 如何将分区定位到窗口的右侧？

Question

我在使#bgimage 与窗口右侧对齐时遇到问题

<header id="header" style="
">

<img id="bgimage" src="http://**.com/wp-content/uploads/2013/05/sparkler-test.png" style="position: absolute; float: right;display: block;">

<div id="site-title" style="position: absolute; clear: none;">
<a href="http://**.com/" rel="home">
<img src="http://**.com/wp-content/uploads/2013/02/LOGO-5.0.jpg" alt="" width="369" height="66" style="position: absolute;">
</a>

Answer 1

你不能结合position:absolute和float。使用其中一种。如果您选择position:absolute，请务必添加right:0并注意其后面的内容。

Answer 2

像这样的东西可能是你正在寻找的东西。

position: absolute; right:0; display:block;

您可能还想指定宽度，因为块元素默认情况下会占据其容器的整个宽度。

另外，我注意到ID是bgimage，您是否要设置背景？如果是这样，您可以使用 CSSbackground或background-image属性来执行此操作。