HTML & CSS 布局浮動問題

Question

這基本上是網站http://funkz.nfshost.com/
帶有<div id="big-post"></div>元素的底部帖子向左浮動，
帶有<aside id="tab-lists"></aside>元素的側邊欄向右浮動，
但是當我在第一個元素之后添加另一個（或更多） <div id="big-post">元素時，它會將整個側邊欄與帖子一起向下移動......我嘗試清除，但沒有任何幫助......我'我很確定解決方案很簡單，有人可以幫助我嗎？

Answer 1

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

從 big-post 中刪除浮動，然后在里面添加一個新元素 - put big-post 元素

Answer 2

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

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

Answer 3

您的<aside id="tab-lists"></aside>元素需要出現在任何<div id="big-post">元素之前。

我剛剛將它移到 chrome 開發人員工具中的 post div 上方，並且可以成功添加另一篇文章。

Answer 4

在這種情況下，右側越過左側，您的邊線需要在鏈中向上移動，在這種情況下位於大柱上方。