Div在圖像左側

Question

我有一個div與其他幾個div。

我想在此div的右側放置一張圖片。

我試過所有類型float:left;clear:both; ....但不起作用。

Here你可以看到頁面的完整代碼。

以藍色標記的div將位於左側，標記爲紅色的img應位於藍色div的右側。

P.S.圖像不可用，所以它會顯示替代文字，但這不應該很重要。

Answer 1

您需要將float:left;添加到div#waycontact以便它可以在結構的流程中。

見更新的更新，例如here

Answer 2

浮動#waycontact向左：

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

然後浮#logo到左側，並給它一個margin-top匹配#waycontact：

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

然後加入在之後立即清除清理浮動：

<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; 
} 

上#waycontact的margin-left:100px是讓足夠的空間爲#logo，真正的邊距值將取決於標誌圖像確實有多大。

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

Answer 3

浮動#waycontact左側。然後確保#content清除

example