html – 绝对div内的表100%高度

前端之家收集整理的这篇文章主要介绍了html – 绝对div内的表100%高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在绝对定位的div里面有一张桌子. div使用顶部0和底部0延伸,
它似乎延伸到预期的跨浏览器. (我检查过,我在它上面放了一个边框,它按预期拉伸).
现在,在div里面我有一张桌子.我想让桌子在所有div空间上伸展,
在谷歌C​​hrome中它确实如此.但是在Internet Explorer和Firefox中没有,表格会延伸到宽度,但忽略高度属性,其高度由其内容决定.

有没有办法解决它,或以某种方式绕过它?

这是代码

<div
    style=
        "position:absolute;
         top:40px;
         left:0px;
         right:0px;
        bottom:0px;">
    <table
        width="100%"
        cellpadding="0"
        cellspacing="0"
        style="height:100%;">
    </table>
</div>

解决方法

定义div的高度,
<div style="position:absolute; top:40px; left:0px; right:0px; background-color: #f90; bottom:0px; height: 400px">
    <table width="100%" cellpadding="0" cellspacing="0" style="height:100%;">     
    </table>
</div>

猜你在找的HTML相关文章