HTML＆CSS佈局浮點錯誤？

這基本上是網站http://funkz.nfshost.com/
柱底與<div id="big-post"></div>元素是浮動到左邊，
與<aside id="tab-lists"></aside>元素側邊欄浮動到右邊，
但是當我加入後，另一（或更多）<div id="big-post">元素第一個它移動整個側邊欄與帖子... 我試過清除，但沒有幫助...我敢肯定解決方案很簡單，有人可以幫我嗎？HTML＆CSS佈局浮點錯誤？

來源

2012-08-27 user1565092

您不能添加多個_big-post_。您正在使用'id'標籤，因此該ID必須是唯一的。如果你有更多的_big-post_元素，你必須使用'class' – Federico

我知道，它只是用於測試。 – user1565092

我們也可以爲測試做正確的事情;）錯誤的代碼樣式有時會隱藏一些錯誤 – Federico

右鍵浮動元素之前有其他元素放置，所以你必須做這樣的事情：

.... 
<aside id="tab-lists"></aside> 
<div id="big-post"></div> 
<div id="big-post"></div> 
....

來源

2012-08-27 11:51:55 DonCallisto

感謝您的快速響應，這是我第一次嘗試，但是當我這樣做時，當我複製側邊欄時，帖子被推下來。 :( – user1565092

你<aside id="tab-lists"></aside>元素需要的<div id="big-post">元素的任意之前發生。

我剛剛將它移到了Chrome開發人員工具的post div之上，並且可以成功添加其他文章。

來源

2012-08-27 11:51:57 greg84

是的，但是當我添加另一個'

噢好吧，對不起，原以爲你只是把那個放在一邊，看到Chandrakant的回答 – greg84

<div class="some_new_div"> 
    <div id="big-post">...</div> 
    <div id="big-post">...</div> 
    <div id="big-post">...</div> 
</div> 
<aside id="tab-lists"></aside>

CSS

.some_new_div{float: left;}

刪除浮動從大後，然後採取了新的元素，裏面放但─大支柱件

來源

2012-08-27 11:52:43 Chandrakant

謝謝。:)（blbabablabalba） – user1565092

右側越過在這種情況下離開，你的一邊需要在鏈條中提升，在這種情況下，應該放在大郵件之上。

來源

2012-08-27 11:55:39 Dorvalla

HTML＆CSS佈局浮點錯誤？

回答

相關問題