表列與表格的佈局重疊固定

Question

我有一點重疊我的表列，當表「表佈局：固定」的問題

CSS屬性設置爲它。

左側的列是響應式的，具有最小寬度集。右側的列固定寬度，並右移。當瀏覽器調整大小時，右列開始重疊左列，忽略其最小寬度。

當我帶走「表格的佈局：固定」（所以它默認爲自動），這不會發生。但這是不可取的，因爲在IE7等較舊的瀏覽器中，頁面不能很好地顯示，與IE8和更現代的瀏覽器不同。

我設置一個基本的例子（非常精簡的）來證明這個問題。看看下面的鏈接。

http://jsfiddle.net/hGzQu/

任何瞭解是極大的讚賞。

Answer 1

使用col元素一起table-layout:fixed避免併發症的發生與float和min-width：

<table> 
    <colgroup> 
    <col width="0*"><!--min-width equivalent--> 
    <col width="30"><!--fixed width column--> 
    </colgroup> 
    <tr> 
    <td>foo</td> 
    <td>bar</td> 
    </tr> 
</table>