表格寬度，它是如何計算的？

Question

我工作在一個鎖定標題jquery插件，我遇到了一個問題，其中表寬度小於列寬度的總和。

下面是鎖定標題插件的工作方式：您可以創建另一個包含表格原始標題的表格，並將其放入浮動在原始表格上方的表格中。然後確保浮動表的列寬和原始表的列寬相等。

我遇到了一個問題，如果一個表的寬度爲100％和其溢出容器的內部，似乎表的寬度不受其列寬度的總和控制。

如果該表不在容器中，它就起作用。

看到這個測試用例： http://programmingdrunk.com/floatThead/examples/big-table.htm

第一表應該是一樣寬的浮動頭。你可以看到列寬不匹配。

第二個表正常工作，因爲它不在溢出的容器內：auto;

Answer 1

您正在使用表格佈局：固定。看看它，看起來這樣，表格的第一行用於計算表格的寬度。當我檢查它時，你的第一行似乎是空的，也許這是造成這個問題的原因？

沒有任何內容，這個寬度將等於容器的100％，根據您的CSS，這似乎是發生了什麼。

嘗試更改爲table-layout: auto，儘管我懷疑您可能依賴於當前的樣式。