今天写了一个类似下面的一个table结构:
this col width should be 240px+40px | this col width is default 200px | this col width is default 100px | this col width is auto | |
1 | 1 | 1 | ||
1 | 1 | 1 | ||
1 | 1 | 1 | ||
just for test | all the table width is 100%; |
但是惊奇的发现IE6、7下,第二列被重叠了。只剩下一点点的宽度。要看这个效果的话就是用ie7打开当前这个页面。
然后就Google,但是找了半天还是没有找到相关的说明。
接着就开始自己着手解决了,首先增加一个tr,把td标签全部填充好,然后再看一下效果,发现,一切又正常了。然后就想到的是通过隐藏一个tr标签来达到。我的解决办法是:
在这个隐藏的tr上加上两个属性:visibility: hidden;height: 0;
当然,还可以这样:display: none; *display:block;height:0;
仅此以记。