Internet explorer IE10最小高度不工作
尽管为IE设置了Internet explorer IE10最小高度不工作,internet-explorer,web,css,Internet Explorer,Web,Css,尽管为IE设置了minheight,但我无法设置100%的div高度。下面分别是CSS和HTML。截图也附上 如您所见,左侧的滚动条未显示100% CSS body { margin:0;padding:0; min-height:100%; height:100%; } #container { background-color: "#FFF"; width:100%; margin: 1%; overflow:auto; mi
minheight
,但我无法设置100%的div高度。下面分别是CSS和HTML。截图也附上
如您所见,左侧的滚动条未显示100%
CSS
body
{
margin:0;padding:0;
min-height:100%;
height:100%;
}
#container
{
background-color: "#FFF";
width:100%;
margin: 1%;
overflow:auto;
min-height:100%;
height:100%;
}
#tree_register_abwab
{
width: 30%;
float: right;
}
#content
{
float: right;
margin-right: 1%;
overflow-y:scroll;
width: 60%;
min-height:100%;
height:100%;
}
.dynatree-title{
font-size: 15px !important;
font-style:normal;
font-family: Arial !important;
font-weight:100;
}
.question
{
font-style:normal;
color:blue;
font-family:"Jameel Noori Nastaleeq"; color: rgb(191,22,38); font-size:15pt;
}
.answer
{
font-style:normal;
color:blue;
font-family:"Jameel Noori Nastaleeq"; color:rgb(0,0,0); font-size:15pt;
margin-top: 2%;
display: block;
}
#pdficon
{
margin-right: 1%;
}
.bold{font-weight:bold;font-size: 18pt;}
HTML
<html dir=rtl>
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=10">
<meta charset="utf-8" >
<link href="ui.dynatree.css" rel="stylesheet" type="text/css" />
<link href="tree-custom.css" rel="stylesheet" type="text/css" />
<LINK REL=StyleSheet HREF="search.css" TYPE="text/css" MEDIA=all />
<script src = "jquery-1.8.3.min.js"></script>
<script src="jquery-ui.custom.min.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>
<script src="jquery.dynatree.js" type="text/javascript"></script>
<script src="search.js" ></script>
</head>
<body>
<div id="container">
<div id="tree_register_abwab"></div>
<div id="content">
<span id="question" class="question bold">
</span>
<span id="pdficon"><a title=" " href="#"><img src="pdf_icon.png" border="0" /></a></span>
<span id="answer" class="answer">
</span>
</div>
</div>
</body>
</html>
通过将css的主体部分更改为以下内容,将
html
添加到css文件的顶部:
html, body
{
margin:0;padding:0;
height:100%;
}
您还可以删除所有设置为
height:100%
的min height属性。IE完全忽略min height属性,而将声明的高度作为最小高度(见图!)
诀窍是设置
height: auto !important;
在要设置最小高度的图元上
例如:
注意:我在一个图像元素YMMV上尝试了这个方法。只是因为我没有包含HTML标记,IE跳过了它??真的吗?是的!几个月前,当我在IE中测试一个应用程序时,它把我绊倒了;在chrome中工作,但在IE 11中不工作。添加最小高度后:自动!重要的。它开始工作。最小高度:100px;在chrome中工作,但在IE 11中不工作。添加最小高度后:自动!重要的。它开始工作了。
.element {
min-height: 100px;
height: auto !important;
}