表列与表格的布局重叠固定

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>