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