元标记的 CSS 渲染问题

Question

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

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

在我创建一个滚动的 div 之前一切都很好，代码在底部。该网站有效，但滚动 div 无效。删除元标记，滚动条看起来很棒，但网站不再如此。

我们在内部使用 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>

Answer 1

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

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