IE下div的高度问题

最新推荐文章于 2021-09-07 14:46:41 发布
最新推荐文章于 2021-09-07 14:46:41 发布
阅读量833 收藏
点赞数
文章标签： ie div firefox 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FlyingLimy/article/details/4382563
版权

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

FlyingLimy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
不同浏览器获取DOM元素的各种高度
前端小白的博客
02-28 1万+
HTML中高度和宽度的获取，跨浏览器兼容性，以及jQuery中操作
IE6下CSS定义DIV高度的问题
12-02
总结一下，解决IE6下CSS定义DIV高度问题的关键在于：1) 使用`overflow: hidden`隐藏溢出的内容，确保高度不受内容影响；2) 设置`font-size`为0，消除因字体大小而产生的额外高度。这两个技巧结合使用，能有效解决IE6...
Div 高度的问题 IE
hwpokay的专栏
12-17 295
  IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。   要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 di...
如何ie中div设定最小高度
天地会
10-21 853
在本人的项目中，确实碰到这种情况：.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:
IE8下DIV嵌套出现外层自适应高度
创世宇图 宏图天下
02-26 2088
<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的高度撑开
ie下div自动高度
iteye_13695的博客
12-23 126
div{     height:5px;     border:#000000 solid 1px; }   在ie6下div为layout时大约有20px的高度。 也就是默认字体的高度。 设置font-size:0px解决。 ie7没试过。   ie、firefox针对div高度设置的差异   CSS：IE6下CSS定义DIV高度的问题  ...
js实现兼容IE6与IE7的DIV高度
10-29
本文将详细介绍一种通过JavaScript实现兼容IE6与IE7环境下DIV高度的方法。 #### 一、问题背景 在网页设计中，经常会遇到需要设置某个区域的高度随内容自适应的情况。对于现代浏览器来说，可以通过CSS3中的`min-...
IE6 div最小高度去除方法以及IE6div垂直居中css样式
09-25
本文将详细介绍如何解决IE6下`div`最小高度无法设置以及`div`垂直居中的CSS样式问题。 首先，让我们来探讨一下IE6中`div`最小高度去除的方法。在某些情况下，当你试图设定一个`div`的最小高度（通过CSS的`min-...
DIV无法自动高度 IE8无法自动高度
09-25
在网页开发中，经常会遇到一个常见的布局问题：当一个包含浮动子元素的`<div>`容器无法自动扩展以适应其内部子元素的高度时，特别是在Internet Explorer 8 (IE8)这样的老旧浏览器中。这一问题不仅影响了页面的美观度...
IE中css样式设置height无效的解决方法
09-25
height无效有没有见到过这种情况哈，我遇到了是在ie中测试网页时发现的，网上思索搜集了半天终于找到了解决方法，接下来与大家分享下，感兴趣的朋友可以参考下哈
解决IE中因div高度问题而带来的差异
weixin_34025151的博客
03-16 100
.umartop{ #margin-top:-6px;/*IE7*/ _margin-top:-6px;/*IE6*/ } 转载于:https://www.cnblogs.com/hsxiaoma/articles/1413818.html
如何解决IE，FF的div宽度兼容问题？
小荷才露尖尖角
01-29 175
    记得n久以前，引了别的大侠的一篇FF，IEdiv宽度兼容方面的文章，结果自己不求甚解，读文儿读半句，结果就是使用一个巨愚蠢的方法解决一个简单的问题使用了好久。     不多说了，这个兼容问题很常见，就是width，padding，margin之间的那点事。       习惯那我这样裸写（所谓裸写，就是html头不加!DOCTYPE做限制）html代码的同学大概都知道，IE和FF处理这...
DIV的高度自动拉伸（height属性）在IE 7下无效和解决方法
缥缈之心
10-21 5015
#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下不在自动拉伸，而是变
div设置了height，但浏览器显示没有高度
cc9200的博客
09-28 1619
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
element-ui 解决在IE（ie）浏览器下选择高度会出现空白的问题
piaocanY的博客
09-07 519
测试在测第二轮 ie浏览器下，elemnt-ui的表单出现了以下这种情况 仔细检查样式发现，el-select的高度为50px(正常的)，但是其直接父级.el-form-item__content的高度就是50.8px。select和父级本身都没有样式语句导致这个现象。至于是为什么，我也还一头雾水。不过多次尝试后发现了以下 解决办法： 给el-form-item__content加上display:flex; ...
IE8下div嵌套时，外层div高度不随内层div高度改变的问题解决
kogu的博客
04-25 759
当b1和b2都是float=left时候，a1层的高度不会被b1和b2的高度撑开。(这个现象只有IE8发生，其他版本IE以及IE8选择兼容模式后就没有问题。) 解决方法：a1的display=table 来源：http://blog.csdn.net/qingwangyoucao/article/details/6915145
解决IE下div兼容问题：垂直居中、浮动间距和宽度高度调整
这种问题通常出现在div元素应用复杂样式，内部包含多个链接且具有浮动或垂直居中效果的情况下。当内容未能正常显示，但鼠标悬停在相应区域时，实际上是由于元素的定位或渲染方式导致的。 一种常见的解决方案是对#...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值