IE6下table:100%以后溢出

大致是这样子的结构:

<div style="height:100px;overflow-y:auto">
<table style="width:100%;height:auto"></table>
</div>

然后在IE6里面又被发脾气了,table不会被高度约束啊,想想应该是width:100%把IE layout又被触发了。

解决办法:在table外面包一层layout

如:

<div style="height:100px;overflow-y:auto">
<div style="+zoom:1">
<table style="width:100%;height:auto"></table>
</div>
</div>

IE6,7的table不能跟随着滚动条滚动的解决办法

最近遇见了一个很奇怪的问题,大致如下面结构:

<div style="overflow-y:auto;width:100px;height:100px;">
<table style="width:100%;height:auto;"></table>
</div>

然后吧移动滚动条就发现IE6,7里面的table并不会随着一起动,这个时候table就像定在了那里一样。事实是确实是定在了那里。

不知道触动了IE6,7的哪根神经,它定在了那里,这个时候就把它当做absolute处理,将父级div加上一个position:relative就可以动了。