我的網站佈局 - 左浮動

Question

你能看看這個頁面的表7嗎？ http://www.gpahesapla.com/index.php?/functions/calculator

爲什麼表格7不能左浮動？如果我在表6中添加一行，它會左移。總是應該有兩行表。

（要查看錶PLZ選擇學校：duglus;教師：Engneering;部：電子

而且如果有人想在GPA專欄評論它不會在IE8工作（可以是固定的屬性不起作用英寸IE8）

Answer 1

表5向左浮動，表6比表5短。所以這給表7留下了一點空間，以便擠在表6下方。要解決這個問題，只需確保清除浮動你的奇數表......

#table1, #table3, #table5, #table7 { 
    clear: left; 
} 

A cle安爾，更具活力的選擇將結合odd使用nth-child僞選擇，但要知道，這是CSS3的一部分，因此不會被舊的瀏覽器完全支持......

#tables table:nth-child(odd) { 
    clear: left; 
} 

Answer 2

我看不到代碼 - 在選擇任何選項之前，它顯示原始頁面的代碼。不過我懷疑你在表格的每一行之後沒有div和clear: both。即對於每層表格，您需要具有前述的div。

我也建議，使之更易於閱讀，您應用一類的每個表，而不是指定#table th, #table2 th等，然後指定以下內容：

.className th|tr|td etc { 
    properties; 
} 

如果你不明白我的意思，那麼請這樣說，我會再擴展一些。