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="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为准。