css - 带有meta标签的CSS渲染问题

我的主文件中有以下元标记

<meta http-equiv="X-UA-Compatible" content="IE=8" />

在我创建滚动div（底部代码）之前，一切工作都很好。该站点有效，但滚动div无效。删除meta标签，滚动条看起来不错，但该站点不再有用。

我们在内部使用ie-8，没有任何升级的机会。

在这里的任何帮助，将不胜感激。

        body { margin:0; padding:0; }

        .configContent
        {
            margin:0; padding:0;
            height: 100%;
            width: 100%;
        }

        .probesCT1
        {
            width: 150px;
            float:left;
            display: inline-table;
            background-color: lightsteelblue;
            }

        .probesCT2 {

            height: 100%;
            float:left;
            display: inline-table;
            }

        .probesCT3 {

            height: 30px;
            float:left;
            display: inline-table;
            }

        .pTbl
        {
            overflow: auto;
            height: 500px;
            white-space: nowrap;
            width:100%;
            }

        .pTbl2
        {
            overflow: hidden;
            white-space: nowrap;
            width:100%;
            height:30px;
            }

        .pRowHead
        {
            display:inline;
        }

    <div class="configContent" style=' background: steelblue;'>
        <div class="probesCT1">
            Guided Nav Item List
        </div>

        <div class="probesCT2" style='background: grey;'>
            <div class="pTbl2">
                <div class='pRowHead'>Head 1</div>
                <div class='pRowHead'>Head 2</div>
                <div class='pRowHead'>Head 3</div>
                <div class='pRowHead'>Head 4</div>
                <div class='pRowHead'>Head 5</div>
                <div class='pRowHead'>Head 1</div>
            </div>

            <div class='pTbl' style='background: green;'>
                <div class='pRow'>1st para in pTbl</div>
                <div class='pRow'>some data that is really really long dfljkdhf glkjsdfghlskjdfhg slkjdfhglskjdfhglsk jd fhgslkjdfhg lksjdfhgskljdfhglsk jdfhg slkjdfh g lksjdfhglksjdfh slkjhfg lksjdhfg lksjdfhg lskdjhfglskdjhf glskdjhfg lsdfhg</div>
                <div class='pRow'>some data</div>
                <div class='pRow'>some data</div>

            </div>
        </div>
    </div>

最佳答案

尝试将您的http-equiv设置为“ Content-Type”，并将字符集设置为UTF-8

<meta http-equiv="Content-Type" content="IE8; charset=UTF-8" />

关于css - 带有meta标签的CSS渲染问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17397245/