html - 将标题图像移到右侧

Question

好的伙计们，我在这里使用 HTML 和 CSS，我试图让我在标题中的 Logo 位于右侧，但是当我 float:right;蓝色背景不会停留。知道我可能做错了什么吗？

HTML

<header id="header">
<img id="logo" src="images/logo.png" alt="logo.png" title="Mystery"/>
</header>

CSS

#header {
background-color: #9CF; }
#logo {
float:right;} 

Answer 1

尝试

#header { text-align: right}

从 img 中移除 float 。

或者，您可以轻松地向页眉添加高度来解决 float 问题:

#header {background-color: #9CF; height: 100px} /* example height */
#logo {float:right;} 

演示:http://jsfiddle.net/lucuma/y2pX6/1/