左側浮標和右側內容

我有以下HTML和CSS，其中徽標浮在左側，但我希望能夠將內容浮在右側。左側浮標和右側內容

<html> 
    <body> 
    <div id="logo"> 
     <img src="images/logo.gif" height="376" width="198" alt="LOGO" title="" /> 
    </div> 
    <div id="maintext"> 
     <p id="main">First paragraph</p> 
     <p>Second paragraph.</p> 
    </div> 
    <footer>...</footer> 
    </body> 
</html>

在我的CSS，爲logo選擇是：

#logo { 
    display: block; 
    float: left; 
} 

#maintext { 
    padding: 0 0.5em 0 0.5em; 
}

發生了什麼事是，標識「images/logo.gif」最多顯示的，但在頁腳的頂部的左側。它應該顯示在「主文本」選擇器的左側。

任何想法？

來源

2013-10-06 mythoslife

添加這個CSS：

footer { 
    clear: both; 
}

來源

2013-10-06 23:25:13 Dvir

是工程。謝謝。 – mythoslife

我不太瞭解......這將是：

float: right;

來源

2013-10-06 23:27:06 VVL

對不起......很明顯：兩者; – mythoslife

owwww。 okeeey :) – VVL

左側浮標和右側內容

回答

相關問題