CSS调整DIV最小高度问题探讨
发布时间:2013-04-15 14:39:08 作者:佚名 我要评论
假如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为准。
相关文章
- 这周了解到一个新的名词,同态,同态可以理解成一种特殊形态吧,这篇文章主要为大家详细介绍了如何使用CSS实现这种同态效果,文中的示例代码讲解详细,感兴趣的小伙伴可以了2024-03-25
- 这篇文章主要为大家详细介绍了如何使用 css3 模拟一个渐变式圆点加载效果,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以跟随小编一起学习一下2024-03-22
- 想要给一个展示图片的区域底部加一个该图片的放大后的背景,并模糊 20,并增加一个黑色 0.6 透明度的遮罩,这篇文章主要介绍了CSS如何设置背景模糊周边有白色光晕(解决方案2024-03-20
- CSS中内容居中的方法有很多种,具体取决于您想要居中的内容是什么类型的元素以及是在什么情况下居中,这篇文章主要为大家整理了常用的7种方法,感兴趣的小伙伴可以跟随小编2024-03-19
- style属性可以用在HTML中大部分的标签上,本文主要介绍了CSS设置style属性的3种方法,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧2024-03-15
- 在CSS中隐藏元素有多种方法,这篇文章主要为大家整理了五种常见方法及其适用场景与区别,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以跟随小编一起学2024-03-15
- 三栏布局是常见的一种页面布局方式,将页面分为左栏、中栏和右栏,这篇文中主要为大家详细介绍了CSS实现三栏布局的四种方法,文中的示例代码讲解详细,感兴趣的小伙伴可以2024-03-11
- 这篇文章主要为大家详细介绍了如何使用CSS实现简单的翻页效果,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以跟随小编一起学习一下2024-03-06
- 在网页设计中,视差滚动效果可以为用户带来沉浸式的浏览体验,这篇文章主要为大家详细介绍了如何使用CSS完成视差滚动效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随2024-02-28
- 粘性定位的元素是依赖于用户的滚动,在position:relative与position:fixed定位之间切换,这篇文章给大家介绍css中position:sticky 粘性定位的相关知识,感兴趣的朋友跟随小2024-02-28
最新评论