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" />

元标记的CSS渲染问题

1 个答案: