img标签 在IE6和IE7中导致父层DIV高度多了4px

最新推荐文章于 2021-07-12 21:41:36 发布
最新推荐文章于 2021-07-12 21:41:36 发布
阅读量2k 收藏
点赞数
分类专栏： html CSS 文章标签： ie div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangjun07167/article/details/5614412
版权
html 同时被 2 个专栏收录
12 篇文章 0 订阅
订阅专栏
CSS
8 篇文章 0 订阅
订阅专栏

img标签在IE6和IE7中会造成父层div的高度比理想高度高了4px

 


第一种：

         固定div的高度，设置overflow属性为hidden
第二种：

        设置img的display属性为block，

        或者设置vertical- align属性为top, middle,bottom,text-bottom,text-top中的一种

你猜猜看！
关注
专栏目录
img 固定在父容器底部_CSS将img图片填满父容器div并自适应容器大小
weixin_35743031的博客
01-13 1436
【前言】无论是vue还是react的css模块化解决方案都是依赖loader来实现的在使用上，vue中用scoped属性实现样式的私有化，利用深度作用选择器/deep来实现样式的去私有化。例子：2021-01-10 21:27:45纯CSS实现的DIV悬浮效果(固定位置)，兼容常用的浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗等。效果如下：实...
【转】 img标签 在IE6和IE7中导致父层DIV高度多了4px
aidenliu的专栏
08-03 626
<br /><br />img标签在IE6和IE7中会造成父层div的高度比理想高度高了4px<br /><br />第一种：<br />         固定div的高度，设置overflow属性为hidden<br />第二种：<br />        设置img的display属性为block，<br />        或者设置vertical- align属性为top, middle,bottom,text-bottom,text-top中的一种
css中高度比img多出4px的问题
weixin_30273931的博客
03-22 432
一句话概括：为什么<a>标签比里面的img高度多出4px 的问题，主要还是由于 img是inline element, it's height is caculated differently as related to the default line-height value. On inline elements, the line-height css property s...
a标签里面包含img标签，出现a标签的高度高于img标签好几个px
weixin_30951231的博客
03-27 322
问题：a标签里面包含img标签，出现a标签的高度高于img标签好几个px 解决： a元素下有一个匿名文本，这个文本外有一个匿名行级盒子，它有的默认vertical-align是baseline的，而且往往因为上文line-height的影响，使它有个line-height，从而使其有了高度，因为baseline对齐的原因，这个匿名盒子就会下沉，往下撑开一些距离，所以把a撑高了...
如何解决div中img下4px的空白距离
dwjdj的博客
05-31 781
1.定义图片img标签vertical-align:bottom，vertical-align:middle，vertical-align:top，vertical-align:bottom;。（默认和基线对齐vertical-align:baseline） 2.给img父元素div设置font-size=0;。 3.设置的宽高和img图片的大小一样即可。 4.设置img为display:block;。 由于img是行内块元素，默认和父元素的基线对齐。设置为和其他线对齐可以解决这个问题。 设置display
解决 div或者a标签的高度比里面的img高度多了5px 问题
xiaozaq的博客
01-18 3554
a元素或者div元素下有一个匿名文本，这个文本外有一个匿名行级盒子，它有的默认vertical-align是baseline的，而且往往因为上文line-height的影响，使它有个line-height，从而使其有了高度，因为baseline对齐的原因，这个匿名盒子就会下沉，往下撑开一些距离，所以把a撑高了。 解决办法一是消除掉匿名盒子的高度，也就是给a设置line-height:0或fo
css div实现的遮罩层完美兼容IE6-IE9 FireFox
09-25
在网页设计中，创建一个能够完美兼容不同浏览器的遮罩层是至关重要的，尤其是在面对像IE6这样的老版本浏览器时。本篇文章将详细介绍如何使用CSS和div元素来创建一个兼容IE6到IE9以及Firefox的遮罩层。 首先，我们...
ie6和ie7中的链接图片点不中问题讨论
09-25
在IE8及更高版本的浏览器中，这通常是没问题的，但在IE6和IE7中，由于这些老版本浏览器的解析机制存在缺陷，这种嵌套结构可能导致`<a>`标签的点击区域与预期不符。具体表现为，图片区域无法被点击，而图片之外的区域...
css控制图片按等比例缩放实例兼容IE6/IE7/火狐/谷歌
12-13
昨天自己的一个网站需要实现图片等比例缩放，但又不能使用js只能用css控制div中的img为指定大小，下面我找到一段代码分离给大家。  复制代码代码如下:<style type=”text/css”>.thumbImage img{ MAX-WIDTH: ...
div ul li 嵌套后如何解决增加多个li后DIV高度自适应问题
09-25
4. **浏览器兼容性**：此示例已经在 IE6 和 Chrome 测试通过，这意味着它考虑到了旧版浏览器的兼容性问题。 总的来说，通过合理设置 `li`、`ul` 和 `div` 的高度属性，以及使用 `clear:both` 解决浮动问题，我们...
关于div中放入一个img元素导致div高度会多出几个像素的解决问题
顛沛流離的小時光
08-03 8773
在写代码的时候经常遇到这样一个问题，如果div里嵌套一个img元素且div的高度是由img的高度来撑开，那么div的高度总会比img的高度多那么几个像素。
关于div包裹img、iframe等标签会多3px或4px的问题
weixin_34162228的博客
12-20 482
div标签直接包裹img或iframe等标签的时候，div不设置高度，子标签设置高度，此时div标签会被撑开，同时div的高度会比子标签多3px或4px，这是由于子标签底部多了几个px的空白，由于子标签是行内元素，display属性值为inline，类似于文本，需要把img或iframe标签设置为块级元素，即给img、iframe这些标签设置{display:block}，就不会出现几像素的空白。...
解决div下边距莫名多出4px问题
SiShen654的博客
07-12 767
问题：div下边多出4px 主要是div标签内的留空导致的，解决如下： 将父盒子的文字大小设置为0即可 font-size: 0
JS快速获取图片宽高的方法
热门推荐
Jensen Wu UED
03-18 4万+
快速获取图片的宽高其实是为了预先做好排版样式布局做准备，通过快速获取图片宽高的方法比onload方法要节省很多时间，甚至一分钟以上都有可能，并且这种方法适用主流浏览器包括IE低版本浏览器。 我们一步一步进入这个过程。 一、简陋的获取图片方式 1 2 3 4 5 6 7 8 9 10 11
解决IE下的li中img多余4px的问题
随记
03-06 357
li 元素中包含 a img 元素的时候出现问题。html：css：ul{width: 280px;}ul li{display:block;height:57px;width:277px;}其中 temp.jpg 尺寸为 277×57在Firefox 下的表现是正常的，IE6 下的表现就是明显有问题了：很明显地可以看到 IE 中，li 的表现高度，并非我们设定的 57px，而是比其要高，这是因为
min-height和min-width的用法总结
xi_2130的博客
12-04 2万+
给大美女讲解min-width，发现属性不是想的那样，装逼失败(ಥ_ಥ)已哭瞎， max-height，max-height这里我就不做探讨了，相信聪明的你如果理解了min-height，min-width，其他大家自会理解….1.min-heigh用法：设置一块区域的最小高度，额，似乎听起来有点晕，举个例子吧， <div class="test"> 我是一只小青蛙我是一只小
li浮动后增加图片时多出4px问题
cychai的专栏
11-24 1916
li浮动后增加图片时多出4px问题
解决IE6透明背景图片问题与代码实例
IE6由于其对CSS3和PNG-24透明度的支持不足，导致透明背景图片在该环境下可能出现显示问题。为了解决这个问题，开发者可以采用JavaScript库DD_belatedPNG来修复透明背景图片的显示。 首先，文章引入了DD_belatedPNG....
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值