CSS调整DIV最小高度问题探讨

前端技术 2023/09/06 CSS

复制代码
代码如下:

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

本文地址:https://www.stayed.cn/item/15629

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。