IE10最小高度不起作用

尽管设置了IE浏览器的min-height，但我无法设置我的DIV的100％高度。下面分别是CSS和HTML。截图也附上。IE10最小高度不起作用

正如你可以看到，左边的滚动条上不显示100％

enter image description here

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>

来源

2013-06-28 Volatil3

通过CSS的主体部分改变添加html CSS文件的顶部：

html, body 
{ 
    margin:0;padding:0; 
    height:100%; 
}

您还可以删除所有已设置为height:100%应覆盖它的min-height属性。

来源

2013-06-28 07:56:17 Josh

只是因为我没有包含HTML标记IE跳过了吗？真？ – Volatil3

是！它在几个月前绊倒了我，同时在IE中测试应用程序。 – Josh

IE完全忽略最小高度属性，而不是将高度声明为最小高度（去图！）。

关键是要设置

height: auto !important;

你在设置你的最小高度的元素。

如：

.element { 
min-height: 100px; 
height: auto !important; 
}

注：我想这个图像元素，因人而异的。

来源

2016-06-10 07:06:16

IE10最小高度不起作用

回答

相关问题