日期:2014-05-17  浏览次数:20554 次

CSS调整DIV最小高度问题
	
//JS代码部分:
 var isShowFlag = 1;//是否显示function isShowDet(){if(isShowFlag == 0){document.getElementById("queryDeatilDIV").style.display='';isShowFlag = 1;}else{document.getElementById("queryDeatilDIV").style.display='none';isShowFlag = 0;}}

 
 //  body部分:
	<div id="showDiv" align="center" style="font-size:1px;">
		<input id="showFlag" type="button" style="width:100px;height:7px;"  onclick="isShowDet();">
 	 </div>
	<div id="queryDeatilDIV"> 
	<iframe  name="iframe1" width="100%" height="190" frameborder="0" scrolling="auto"></iframe>
	</div>

假如div里有内容,即有元素,那么div默认有一个最小高度,这个是浏览器默认文字(应该是)高度,如果div没有设置属性font-size:10px;那么该div最小的高度则是浏览器默认文本高度,反之,则是以font-size为准。