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

以上就是CSS调整DIV最小高度问题探讨。在位要受控,升迁要竞争,届满要轮换,末位要淘汰。更多关于CSS调整DIV最小高度问题探讨请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例

CSS浮动引起的高度塌陷问题