IE9下absolute定位，bottom不起作用

发布于
2017-07-05

在IE8、chrome、Firefox下显示为：

但是在IE9下显示有所不同：（必须是IE9，如果是IE10控制台转到IE9内核，会显示正常）

这是什么原因造成的？有什么好的解决办法？

下面是完整代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        td{
            position: relative;
            width:120px;
        }
        .span{
            position: absolute;
            top:0;
            bottom:0;
            display: inline-block;
            left:0;
            right:0;
            background-color: red;
        }
    </style>
</head>
<body>

<table>
    <tbody>
    <tr>
        <td><span class="span"></span></td>
        <td>这是一个td</td>
    </tr>
    </tbody>
</table>
</body>
</html>

css html

阅读 5.9k

6 个回答

得票最新