CSS在基於浮點的列中清除？

Question

我在主內容面板的左側懸浮了一個側邊欄。然後在那個面板裏面，我有一些盒子，爲了創建一個網格（這是一個「我的帳戶」頁面，各種框包含命令，編輯細節等等），它們被浮動並清除。問題在於內容div內的框正在清除邊欄，而不是該div中的其他框。有一個形象的鏈接下面如果這解釋是混亂：

有沒有人遇到過這個，如果是這樣，你知道它的位置嗎？我可能會用錯誤的方式去做這件事，但我幾乎完全是從反覆試驗中學會了CSS，所以我對它的理論的瞭解很可能非常缺乏。

Answer 1

如果內容面板沒有浮動，那麼裏面的任何元素都會清除邊欄浮動。簡單的解決方案是浮動內容面板。由於您尚未發佈html/css，因此很難真正查看該問題，並且如果您不想浮動內容面板，請提供任何建議。

Before

After

Answer 2

我相信你會希望有選擇地清除一側的花車，像clear: right;或clear: left;

雖然，所以我不我還沒有遇到這個問題當然。

Answer 3

你可以試試display：inline-block。但這是一個沒有得到很好支持的新功能。 CSS是一條狗，我只是改變我的設計，以適應它可以做的事情。

https://learn.shayhowe.com/html-css/positioning-content/

或者，只是使用表。表格正常工作。