Div在图像的左侧

Question

我有一个div，其中有几个其他div。

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

我已尝试过所有类型float:left; clear:both; ....但无效。

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

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

P.S。图像不可用，因此它将显示替代文本，但这不重要。

Answer 1

向左浮动#waycontact：

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

然后向左浮动#logo，并为其margin-top添加#waycontact：

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

然后在<div>之后立即添加清算#logo以清理浮动广告：

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

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

（下面的原始向后版本）

首先，在HTML中将#id移到#waycontact之上。然后：

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留出足够的空间，真正的边距值取决于徽标图片的实际大小。

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

Answer 2

您需要将float:left;添加到div#waycontact，以便它可以在结构流中。

请参阅更新的更新示例here

Answer 3

离开{p>浮动#waycontact。然后确保#content清除

<强> example