IE下div的高度问题

最新推荐文章于 2021-06-04 00:01:43 发布
原创 最新推荐文章于 2021-06-04 00:01:43 发布 · 894 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #div #firefox #浏览器

今天遇到了一个奇怪的问题，IE下的div无法设置为20px以下的高度，而在firefox等其他浏览器下则没有这个问题。不知道这是不是IE的一个bug，后来搜了下，加上样式overflow='hidden'可以解决此问题。

FlyingLimy
关注
IE中css样式设置height无效的解决方法
09-25
height无效有没有见到过这种情况哈，我遇到了是在ie中测试网页时发现的，网上思索搜集了半天终于找到了解决方法，接下来与大家分享下，感兴趣的朋友可以参考下哈
IE6下CSS定义DIV高度的问题
12-02
总结一下，解决IE6下CSS定义DIV高度问题的关键在于：1) 使用`overflow: hidden`隐藏溢出的内容，确保高度不受内容影响；2) 设置`font-size`为0，消除因字体大小而产生的额外高度。这两个技巧结合使用，能有效解决IE6...
Div 高度的问题 IE
hwpokay的专栏
12-17 336
  IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。   要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 di...
ie下div自动高度
iteye_13695的博客
12-23 198
div{     height:5px;     border:#000000 solid 1px; }   在ie6下div为layout时大约有20px的高度。 也就是默认字体的高度。 设置font-size:0px解决。 ie7没试过。   ie、firefox针对div高度设置的差异   CSS：IE6下CSS定义DIV高度的问题  ...
空DIV在IE中的高度问题
weixin_34143774的博客
09-29 131
按照设想，一个空的，并且没有任何样式的DIV在浏览器中显示时应该是没有任何高度的，但如果DOCTYPE使用HTML 4.0的话，空DIV在IE中会显示高度(DOCTYPE＝XHTML 1.0 transtional 时显示正常） 空的DIV在IE中有一个最小高度，至少等于当前的行高。下面两个方法可以解决这个问题： 放一个空的注释行在DIV里面：<div style="he...
DIV的高度自动拉伸（height属性）在IE 7下无效和解决方法
缥缈之心
10-21 5115
#mainbody{ .. min-height:400px; *min-height:400px; height:auto; *height:400px; }以上CSS在IE 6.0，FireFox下可以实现Div高度根据内容自动拉伸，IE6下当Div高度大于400px时，Div会自动拉伸。但在IE7下却无法实，其原因就是*height:400px;在IE7下不在自动拉伸，而是变
IE6 div最小高度去除方法以及IE6div垂直居中css样式
09-25
本文将详细介绍如何解决IE6下`div`最小高度无法设置以及`div`垂直居中的CSS样式问题。 首先，让我们来探讨一下IE6中`div`最小高度去除的方法。在某些情况下，当你试图设定一个`div`的最小高度（通过CSS的`min-...
经典的IE6的高度问题-div默认存在3个像素高
12-13
描述：有一个div，宽高都是10px，font-size:12px结果在ie6下这个div的高度竟然是12px,也就是说高度会被字体的尺寸撑开。 这其实是经典的IE6的高度问题。div默认存在3个像素高，由font-size引起的。 所以解决办法有...
IE6浏览器下设置div的高度
yeyuehunluhongyu的博客
07-09 807
蚂蚁部落 .mytest{ width:100px; height:1px; border:1px solid red; font-size:0px; overflow:hidden; } IE6浏览器下如何设置div的高度: 建议:尽可能的手写代码，可以有效的提高学习效率和深度。 在IE6浏览器下，我们可能无法随心所欲的设置一个div的高度，因为在IE6
如何ie中div设定最小高度
天地会
10-21 900
在本人的项目中，确实碰到这种情况：.divListContent{ border: 1px dotted #F6F6F6; margin: 30px; width: 700px; min-height:400px;  height: auto !important; height:400px;}这样写的话 ie6会读取height:400px;而忽略height:auto(ie6不支持!important)；等于给ie6里设置了一个最小高度；而其他浏览器会读取height:auto;和min-height:
html div 100 无效,HTML / CSS - IE中div没有100％高度
weixin_39945475的博客
06-04 167
好的，所以我遇到了问题 - 我很乐意解决这个问题。我正在使用我最喜欢的方式设置简单的页眉/内容/页脚布局。问题是我添加到布局的'content'div中的任何元素都无法在Internet Explorer中扩展到100％(据我所知，仅限IE)。我知道'content'元素没有声明高度，但是由于它的定位风格(声明绝对的顶部和底部)，元素填充了所需的区域。 (内容元素定义了背景颜色，因此您可以看到di...
IE8下div嵌套时，外层div高度不随内层div高度改变的问题解决
kogu的博客
04-25 816
当b1和b2都是float=left时候，a1层的高度不会被b1和b2的高度撑开。(这个现象只有IE8发生，其他版本IE以及IE8选择兼容模式后就没有问题。) 解决方法：a1的display=table 来源：http://blog.youkuaiyun.com/qingwangyoucao/article/details/6915145
解决IE中因div高度问题而带来的差异
weixin_34025151的博客
03-16 138
.umartop{ #margin-top:-6px;/*IE7*/ _margin-top:-6px;/*IE6*/ } 转载于:https://www.cnblogs.com/hsxiaoma/articles/1413818.html
转：IE和Firefox的div高度自适应解决方法
huivip的专栏
07-27 413
IE中div的高度会根据内容来自适应高度。但是FIrefox不会。解决方法1:11111111122222222解决方法2:11111111112222222222解决方法3:
IE与Firefox下对CSS定义div高度的解析问题
nami的专栏
07-24 2171
 问题：IE：将根据内容的高度变化，包括未定义高度的图片内容，即使定义了高度，当内容超过高度时，将使用实际高度Firefox：没有定义高度时，如果内容中包括了图片内容，MF的高度解析是根据印刷标准，这样就会造成和实际内容高度不符合的 情况；当定义了高度，但是内容超过高度时，内容会超出定义的高度，但是区域使用的样式不会变化，造成样式错位。解决方法：          css-----------
关于div高度自适应问题，兼容IE和火狐
weixin_30791095的博客
03-02 289
在此，并不是指div的高度可以简单的自动调整。而是指在该div中没有置放内容的情况下，至少要保持这个div的高度为多少，而有内容的时候，又会随着内容的多少而自动调整。同时，对IE或是FF等浏览都可以兼容的。举个实例：　　div要求至少高度需要200px。也就是说，即使div中没有任何内容，高度也需要保持在200px；当DIV中的内容高度超过200px时，则该div会自动调节高度，而且又兼容各浏览嚣...
不同浏览器获取DOM元素的各种高度
热门推荐
前端小白的博客
02-28 1万+
HTML中高度和宽度的获取，跨浏览器兼容性，以及jQuery中操作
IE8下DIV嵌套出现外层自适应高度
创世宇图 宏图天下
02-26 2153
<br />IE8下DIV嵌套出现外层自适应高度(四种解决方法) <br />升级了IE8，发现了好些问题，一开始用IE6和IE7都没有的新问题出现了，总归时间有余，就四处查阅解决办法，大概就是以下的四种方法！<br /><div id=”a1″><br /><br /><div id=”b1″></div><br /><br /><div id=”b2″></div><br /><br /></div><br /><br />当b1和b2都是float=left时候，a1层的高度不会被b1和b2的高度撑开
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值