相关疑难解决方法(0)

IE显示:table-cell child忽略高度:100%

我需要动态构建一个表来保存一些数据.
我遵循了使用div的常用方法display: table,display: table-row并且display: table-cell:

.tab {
    display: table;
    height:100%;
    width: 200px;
}

.row {
    height: 100%;
    display: table-row;
}

.elem {
    border: 1px solid black;
    vertical-align: top;
    display: table-cell;
    height:100%;
    background: blue;
}

.content {
    height: 100%;
    background: greenyellow;
}
Run Code Online (Sandbox Code Playgroud)
<div class="tab">
    <div class="row">
        <div class="elem">
            <div class="content">
                Content
            </div>
        </div>
        <div class="elem">
            <div class="content">
                Longer content that will need to wrap around eventually you know and don't you hate it when things …
Run Code Online (Sandbox Code Playgroud)

css internet-explorer css-tables

19
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

css-tables ×1

internet-explorer ×1