Css 图像左侧的Div

我有一个div，里面还有几个div

我想在此分区的右侧放置一个图像

我已经尝试了所有类型

float:left
清除：两者都有。。。。但是不起作用

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

蓝色标记的div位于左侧，红色标记的img位于蓝色div的右侧

另外，图像不可用，因此它将显示可选文本，但这并不重要。
您需要添加
float:left到
div#waycontact
，因此它可以在结构的流程中

请参见左侧更新的示例
浮动
#方式联系人
：

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

然后向左浮动
#logo
，并给它一个
边距顶部
，以匹配
#waycontact
：

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

然后在
#logo
之后立即添加清除
，以清除浮动：

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

waycontact
上的
左侧边距：100px
是为了给
#徽标
留出足够的空间，实际边距值将取决于徽标图像的实际大小

浮动
#道路联系人
左侧。然后确保清除了
#内容

你能画一张你想要的图表吗？当然，但我应该把它保存在哪里？如果你这样做，图像和div id=content都会移到右边。你还需要浮动并清除其他元素来解决这个问题。在我的示例中，我还编辑了
#logo
和
#content
。我注意到您在应该使用类的地方使用了ID，就像您在几次使用内容一样添加
清除：两者都使用
到
div#content
使其返回到
div#waycontact
下。（对不起，我没有看到其他的评论。）@Riderman:对不起，让它倒过来，看看我的更新，我想我现在有正确的右/左顺序了。
img#logo {
    float: left;
    margin-top: 20px; /* to match #waycontact[margin-top] */
}
div#waycontact {
    width:300px;
    margin:20px 40px 20px 100px;
}