当给table中设置position:relative(absoult)时会发现在ie7上失效,当然在谷歌浏览器只需价格display:inlin-block(block)即可
针对这个问题的解决方案只能在table外重新套个div
比如:
<table class="js-fbhtable1">
<tr><td class="trtd1">排名</td><td class="trtd1">单位</td><td class="trtd1">发表量</td><td class="trtd1">分值</td></tr>
</table>
<table class="js-fbhtable fbhtable" id="js-fbhtable" style="height: 220px">
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
</table>
改过后的代码
<table class="js-fbhtable1">
<tr><td class="trtd1">排名</td><td class="trtd1">单位</td><td class="trtd1">发表量</td><td class="trtd1">分值</td></tr>
</table>
<div class='city' style='postion:absoult;height:182px;overflow:hidden;width:100%'>
<table class="js-fbhtable fbhtable" id="js-fbhtable" style="height: 220px">
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
<tr class="ph"><td class="trtd1">1</td><td class="trtd1">南京</td><td class="trtd1">44</td><td class="trtd1">140.0</td></tr>
</table>
</div>