css - 图像左侧的 Div

Question

我有一个 div，里面有几个其他的 div。

我想在这个 div 的右侧放置一个图像。

我已经尝试了所有类型的 float:left; clear:both;.... 但不起作用。

Here你可以看到页面的完整代码。

标记为蓝色的 div，将在左侧，标记为红色的 img，应在蓝色 div 的右侧。

附言该图像不可用，因此它将显示替代文本，但这应该不重要。

Answer 1

float #waycontact向左:

div#waycontact {
    width:300px;
    margin:20px 40px;
    float: left;
}

然后 float #logo向左并给它一个margin-top匹配#waycontact :

img#logo {
    float: left;
    margin-top: 20px;
}

然后添加空地<div>在 #logo 之后立即清理 float :

<div style="clear: both;"></div>

http://jsfiddle.net/ambiguous/CdqJk/1/

(下方为原版)

首先，移动#id以上#waycontact在 HTML 中。然后:

img#logo {
    float: left;
    margin-top: 20px; /* to match #waycontact[margin-top] */
}
div#waycontact {
    width:300px;
    margin:20px 40px 20px 100px;
}

margin-left:100px在 #waycontact是为#logo腾出足够的空间，实际 margin 值将取决于 Logo 图像的实际大小。

http://jsfiddle.net/ambiguous/CdqJk/