在div風格=“溢出：自動”在IE 10中無法正常工作
[英]In div style=“overflow:auto” not working properly in IE 10
問題描述
我有一個單行和2個tds的表。
在每個td中，我使用div並將溢出設置為auto。 我的代碼在chrome，firefox和IE 8,9,10中運行良好，但在IE 11中無法正常工作。
在正確的情況下，滾動條出現，我可以向下滾動，但在IE 11中沒有滾動條出現。
這是問題所在代碼的一部分。
這是我編寫的代碼的鏈接。 jsfiddle.net/XrH7f/
碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN">
<META http-equiv="Content-Type" content="text/html; charset=windows-874">
<html>
<head><style>
table
{
border-top-color: #d3dfe2;
border-right-color: #d3dfe2;
border-bottom-color: #d3dfe2;
border-left-color: #d3dfe2;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-image-source: none;
border-image-slice: 100%;
border-image-width: 1;
border-image-outset: 0;
border-image-repeat: stretch;
}
table td
{
border-top-color: #d3dfe2;
border-right-color: #d3dfe2;
border-bottom-color: #d3dfe2;
border-left-color: #d3dfe2;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-image-source: none;
border-image-slice: 100%;
border-image-width: 1;
border-image-outset: 0;
border-image-repeat: stretch;
}
td
{
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
</style></head>
<body text="#000000" topmargin="0" leftmargin="1" bgcolor="#ffffff"><form name="form1" action="page2.jsp" method="POST">
<table width="100%" align="center" bordercolor="#d3dfe2" border="1" cellspacing="0" cellpadding="1">
<tbody>
<tr bgcolor="#ecfefe">
<td width="17%" height="100" align="right" valign="middle">
<div style="width: 100%; height: 100%; overflow: auto;">
Select Make: ALL: <input name="allMake" onclick="selectallMe();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="ALL" /> <br />
Abcdef <input name="Make" onclick="selectAllMake();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="BBDC " /> <br />
Abcdef <input name="Make" onclick="selectAllMake();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="MBCL " /> <br />
Abcdef <input name="Make" onclick="selectAllMake();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="LIQUIDITY " /> <br />
Abcdefghijkl <input name="Make" onclick="selectAllMake();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="TPH " /> <br />
Abcdef <input name="Make" onclick="selectAllMake();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="CGCSL " /> <br />
Abcdef <input name="Make" onclick="selectAllMake();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="MB " /> <br />
Abcdef <input name="Make" onclick="selectAllMake();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="CG " /> <br />
>
</td>
<td width="17%" height="100" align="right" valign="middle">
<!-- Here we will place the check Boxes of "Select Make" and "Select Condition" -->
<div style="width: 100%; height: 100%; overflow: auto;">
Select Condition: ALL: <input name="allCondition" onclick="selectAllCn();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="ALL" /> <br />
1<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="DEMO" /> <br />
2<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="NEW " /> <br />
3<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="SOLD" /> <br />
4<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="SR " /> <br />
5<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="WH " /> <br />
6<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="VQC " /> <br />
7<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="PHWH" /> <br />
8<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="PHSR" /> <br />
9<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="DST " /> <br />
10<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="DIS " /> <br />
11<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="DB " /> <br />
12<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="DST2" /> <br />
13<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="FLET" /> <br />
14<input name="Condition" onclick="selectAllCondition();" onchange="changeVisiblityVehicle()" type="checkbox" checked="" value="MS " /> <br />
</div>
</td>
</tr>
</tbody>
</table>
</form></body></html>
1 個解決方案
解決方案1
2 2013-10-22 05:45:13
唉唉。 經過一番研發后終於得到了答案。 在％中指定div標簽的高度會產生問題。 將第一個div的高度從100％改為100px和volla !!!!! 得到了修復。 謝謝你的幫助。
同時將第1個td的vlign屬性設置為中間的頂部。
在IE 10中使用overflow：auto時，div內容會向上滾動
[英]div contents scrolls back up when using overflow: auto in IE 10
Internet Explorer 10忽略CSS'overflow：auto'樣式
[英]Internet Explorer 10 Ignores CSS 'overflow:auto' Style
IE：父級上的“溢出：滾動”和子級上的“ margin：0 auto”無法正常工作
[英]IE: “overflow: scroll” on parent and “margin: 0 auto” on child do not work properly
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
IE 6 7 style =“ overflow：auto;
div中的溢出自動不在ie中工作
Div高度為100％且溢出：自動輸入<= IE10
html 溢出：自動在 IE 上不起作用
在IE 10中使用overflow：auto時，div內容會向上滾動
文本溢出省略號在Windows（IE 10）中不起作用
IE7-DIV不采用溢出的父DIV屬性的問題：
文本溢出div - 溢出：自動無法正常工作
Internet Explorer 10忽略CSS'overflow：auto'樣式
IE：父級上的“溢出：滾動”和子級上的“ margin：0 auto”無法正常工作
相關標簽