div中的溢出自动不在ie中工作

时间:2014-03-31 07:02:22

标签: html css overflow

这是我的代码http://jsfiddle.net/FbC86/。如果您使用Chrome或Firefox打开此页面,则单元格内的文本会通过垂直滚动条正确溢出。如果您使用Internet Explorer打开它,它将无法正常工作。

我需要你的建议,因为我是网络开发的新手,我找不到任何解决这个问题的方法。提前致谢! 部分代码:

CSS

div.main
{
    width:100%;
    height:100%;
    display:block;
    position:relative;
    overflow:auto;
}
div.transparent{
    padding:3em;
    background-color: rgba(255,255,255,0.7);
    display:block;
}

HTML

...
<td colspan="7" valign="top"  style="height:0;" >
    <div class="main">
    <div class="transparent">
Here goes a long text
</div</div></td>
...

1 个答案:

答案 0 :(得分:3)

您需要向要溢出的div添加height属性。

JSFiddle