0
我有以下的meta標籤在我的主文件CSS渲染問題與meta標籤
<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>