在table less設計中使用float是否很好？

Question

在table less設計中使用float是否很好？在沒有跨瀏覽器兼容設計的情況下，float的優點/缺點是什麼？是否有跨瀏覽器兼容無表設計的最佳實踐指南？

Answer 1

這有點像問「我應該使用數組嗎？」。兩種情況下的答案都是「這取決於（你試圖達到的目標）」。

花車不僅是有用的，向後兼容的和可以說是必要的（有或沒有表），但這不是重點。你使用它們是因爲它可以讓你達到預期的效果。

就像他們有優點和缺點的一切。最值得注意的是，浮動在固定寬度的內容中效果最好。使浮標的寬度達到所需要的寬度往往是這種佈局下降的地方。

編輯：關於關於IE對待他們不同的評論，兩條經驗規則：

• 總是聲明對您的文檔DOCTYPE。這迫使IE從「怪癖」到「符合標準」模式（兩種委婉語）;和
• 總是使用reset CSS（還有其他人）。

話雖這麼說，你仍然有在各大瀏覽器，但在我的經驗，它並不難寫出來的東西是大多適用於所有的瀏覽器，並只需要框來測試您的網頁事後調整。

Answer 2

不要忘記爲表格數據使用表格，我見過許多設計師創建活動表格和用戶等，只是列表和浮動。

Answer 3

在無表設計中使用浮點數（而且Moak是正確的 - 您應該使用表格來表格數據）幾乎是公認的最佳實踐。當然也有例外 - 你可以使用定位，但是這會打開一個全新的蠕蟲罐（特別是當涉及瀏覽器兼容性問題時）。

只要你花時間確保你的花車被正確清除（http://www.positioniseverything.net/easyclearing.html和http://www.quirksmode.org/css/clearing.html兩種不同的方法;我的偏好是後者，但像所有 - 適當的答案有「它要看」），你不應該遇到太多問題。另外，如Cletus提及，請聲明您的DOCTYPE。

當然，需要注意的一點很重要，就是你會遇到更多與IE相關的問題，隨着版本號的增加，IE8相當不錯，而且還有7個，我們都知道關於IE6與現代CSS的關係）。

爲了回答您的「利弊」問題 - 專業人員是因爲您可以將CSS規則應用於任何元素，因此您的文檔尺寸較小，因此您沒有寫入文檔標記的演示代碼（這不再是一個大問題，但對於某些問題仍然存在），以及（更重要的是）您沒有被鎖定在任何特定的設計決策上。

唯一真正的缺點是存在一些潛在的瀏覽器兼容性問題（偶爾會出現奇怪的行爲），但其中大多數都是文檔化的，並且有很好的解決方案。