HTML/CSS初學者 - divs的定位

我的佈局有問題。我有一個內容div，我想擴大其中的文字。在底部有一個div應該保存一些聯繫信息。HTML/CSS初學者 - divs的定位

我的問題：我無法弄清楚如何讓內容div變大而不與我的底部div重疊。我嘗試過利潤和填充，但我看不到它的工作。

任何形式的幫助表示讚賞。

我把代碼粘貼在Pastebin上，所以這篇文章不會那麼長。小提琴：http://jsfiddle.net/NpY66/

CSS：http://pastebin.com/7ztPs253
HTML：http://pastebin.com/YBqJJs3g

來源

2011-11-22 Mr.Havoc

製作提琴相反，它提供了一個實時預覽：http://jsfiddle.net – BoltClock

呵呵，爽！她的小提琴！：http://jsfiddle.net/NpY66/ –

對於初學者來說，'float：top'和'float：bottom'值不存在。你可以用於'float'的唯一值是左邊，右邊和沒有。 – motoxer4533

答案是，您需要在您的頁腳風格使用clear: both;。

#bottom{ 
    border: 1px solid gray; 
    font: 12px Helvetica, sans-serif; 
    padding: 5px; 
    background: white; 
    text-align: center; 
    clear: both; 
}

這將防止浮動div標記重疊。

Updated version of your JS Fiddle

來源

2011-11-22 16:53:58 Fenton

哦，非常感謝！ =） –

沒問題。樂意效勞。 – Fenton

刪除'float：bottom'這個'float'屬性沒有這個值。 –

HTML/CSS初學者 - divs的定位

回答

相關問題