Question

HTML代码，表格Table的列宽问题

在HTML代码中表格TABLE共3列，第一和第二列宽度固定，第三列自适应充满整个页面，我的代码是第一第二列设置了宽度，第三列没有设置宽度，结果在IE中，表格第一第二列宽度被拉宽了，不是我设置的宽度了，但是在火狐和其他的非IE浏览器中正常。当我把第三列宽度设置为“100%”的时候，IE中显示正常，但是火狐和非IE浏览器中前两列就被第三列挤压缩了，请问怎么解决这个问题？

Answer 1

在外面再设置个table，设定成两列，

左边一列固定宽度，里面放个table，装第1、2列

Answer 2

给table设置style  

table {
   table-layout:fixed;//固定布局的算法，默认是auto，是基于表格内容的自动布局算法
   width:100%;
}
/* 针对下面这些伪类选择符如果你使用的浏览器不支持，可以直接写在列的style里*/
td:first-child {width:10%;}   //ie6+   第一列
td:nth-child(2){ width:10%;} //ie9+    第二列
td:last-child{width:80%;}   //ie9+     第三列

Answer 3

浏览器不兼容,需要自己慢慢调试.
表格TABLE 设置100%
表格第一第二列宽度设置固定值px
第三列宽度设定

Answer 4

<table border="1" width="100%">
<tr>
<td width="200">11</td>
<td width="200">22</td>
<td width="auto">33</td>
</tr>
</table>
经测试，这个很好的解决你的问题

Answer 5

这个问题是浏览器不兼容的问题，具体代码 你收索一下 浏览器兼容问题 就可以解决了