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

当前位置 : 首页 > 网页制作 > CSS > CSS调整DIV最小高度问题探讨

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

来源: 作者: 时间:2015-11-06 13:12
假如div里有内容,即有元素,那么div默认有一个最小高度,如果div没有设置属性font-size:10px; ,那么该div最小的高度则是浏览器默认文本高度,反之,则是以font-size为准
假如div里有内容,即有元素,那么div默认有一个最小高度,如果div没有设置属性font-size:10px; ,那么该div最小的高度则是浏览器默认文本高度,反之,则是以font-size为准

复制代码
代码如下:

//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为准。
Tag:
网友评论

<