IE6 7下解决无内容的空DIV占位置的方法

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

#div #ie

本文介绍了一种使用HTML和CSS实现响应式网页设计的方法。通过调整元素的宽度和高度属性，并利用overflow属性隐藏超出的内容，可以创建灵活且适应不同屏幕尺寸的网页布局。 
<div 
style
=
"
width
:
100
%;
height
:
0
;
overflow
:
hidden
;
 
"

></div>
wangdyy921
关注
ie6,ie7兼容性总结
12-23
- **在IE6和IE7下**：容器的高度会被内部内容撑大。 - **在Firefox下**：容器的高度固定，不受内部内容影响。 2. **定义固定宽度的`div`**: ```html <div style="border:1px solid red; width:10px"></div> `...
解决ie img标签内存泄漏的问题
08-29
在IE浏览器中，由于其JavaScript引擎的实现，img标签可能会引发内存泄漏问题。这是因为IE浏览器会将图片资源缓存到内存中，即使图片元素已经被删除，只要其src属性仍然指向那个图片资源，内存就不会被释放。这种情况...
解决IE6下div table 使用display:none;隐藏时仍然占空白位置
爱生活，爱技术
12-20 2560
如下方法对IE6这个奇葩来说还是不可行的。 在后面的div中加上margin-top属性，取负值。 这种近乎流氓的方法可以解决这个问题，但对火狐等其他浏览器就悲催了。 所以期待更好的解决方式。 在所有要隐藏的div元素后面增加： Html代码   span style='clear:both;'/>     可解决
html标签不占位置,IE6、7下html标签间存在空白符，导致渲染后占用多余空白位置的原因及解决方法_html/css_WEB-ITnose...
weixin_30542979的博客
05-30 348
直接上图：原因：该div包含的内容是靠后台进行print操作，输出的。如果没有输出任何内容，浏览器会默认给该空白区域添加空白符。在IE6、7下，浏览器解析渲染时，会认为空白符也是占位置的，默认其具有字体的属性，所以也就出现“多余占位”的bug。解决方法：一、让html标签相接输出。例如：。　　??太过麻烦，代码也不规则，不好维护。二、设置font-size:0;　　??不能完美fix~二、使用注释...
IE6/7/8/CSS/BUG以及兼容问题解决方法
拾光
02-16 1668
ie6,ie7,ie8 css bug汇总以及兼容解决方法1：li边距“无故”增加 　　任何事情都是有原因的，li边距也不例外。 　　先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引 起，padding的上下值对li有影响，左右无影 响。所以只好笨手笨脚地把padding去掉，换成
html div占父容器比,子div撑不开父div的几种解决办法
weixin_33558072的博客
06-10 1401
子div撑不开父div的几种解决方法子div撑不开父div的情况：.example{background: #008000;width: 400px;margin: 10px;padding: 10px;}.example .childrenDiv{float: left;height: 100px;width: 100px;word-break: break-all;word-wrap: bre...
Ie6 Ie7 常见 兼容问题解决方案
Couples_NOBUG的专栏
11-22 2098
下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考： 1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要，
IE6,IE7,IE8 css bug汇总以及兼容解决方法
jactionlin的专栏
06-03 1509
断断续续的在开发过程中收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！ 1：li边距“无故”增加 　　任何事情都是有原因的，li边距也不例外。 　　先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，
IE6、7下html标签间存在空白符，导致渲染后占用多余空白位置的原因及解决方法
QDY5945的博客
10-14 272
直接上图： 原因：该div包含的内容是靠后台进行print操作，输出的。如果没有输出任何内容，浏览器会默认给该空白区域添加空白符。 在IE6、7下，浏览器解析渲染时，会认为空白符也是占位置的，默认其具...
html5 ie7兼容性问题,解决浏览器IE6,IE7兼容性的总结
weixin_39633276的博客
07-01 361
4.最被痛恨的，double-margin bug。ie6下给浮动容器定义margin-left 或者margin-right 实际效果是数值的2倍。解决方案，给浮动容器定义display:inline。5.mirror margin bug，当外层元素内有float元素时，外层元素如定义margin-top:14px，将自动生成margin-bottom:14px。 padding也会出现类似问...
div下内容一左一右
06-06
/*让右侧元素靠右*/}</style></head><body><divclass="parent"><divclass="left">左侧内容</div><divclass="center">中间内容（可选）</div><divclass="right">右侧内容</div></div></body></html>```在这个例子中，...
IE 6 Quirks Mode 模式下两组同级html标签的元素定位
06-19
}/*或者使用相邻选择器（IE7+支持，所以对于IE6我们可能需要额外的方法）*//*由于IE6不支持:last-child，我们可以给最后一个元素添加一个类名，比如"last"*/.last{margin-right:0;}```HTML修改：```...
png透明问题解决方法（png图片ie6不兼容问题）
nb_pdd的专栏
09-13 9439
<br />在web前端开发中，经常会遇到需要用背景或图片透明的问题。<br /><br /> 首先，目前我们所面临的情况是：<br /> 1.在ie7+,firefox,safari,opera这些常用浏览器中，直接使用透明png是没有问题的，但在ie6下却不能透明。<br /><br /> 2.ie6目前的时常份额仍然很大，我们必须考虑兼容ie6的问题。<br /><br /> png背景透明解决办法<br /> .pngbackground{<br /> background:url(yo
基于 MATLAB 的 5G NR L1 层专用仿真脚本
12-02
基于 MATLAB 的 5G NR L1 层专用仿真脚本
政府部门如何借助数字化升级路径突破产品同质化严重，并打造差异化的产业升级？.docx
12-02
政府部门如何借助数字化升级路径突破产品同质化严重，并打造差异化的产业升级？
STM32F407 FreeRTOS + LittlevGL + FatFS 移植示例
最新发布
12-02
本资源文件包含了一个基于STM32F407微控制器的移植示例，其中集成了FreeRTOS操作系统、LittlevGL图形库以及FatFS文件系统（版本0.14）。该示例还支持电阻屏输入接口，适用于学习和研究目的。 主要功能 FreeRTOS操作系统: 提供了多任务管理功能，确保系统能够高效地处理多个任务。 LittlevGL图形库: 提供了丰富的图形界面功能，支持按钮、滑块、图表等多种控件，适用于嵌入式设备的图形界面开发。 FatFS文件系统: 支持文件的读写操作，方便在嵌入式设备上进行数据存储和管理。 电阻屏输入接口: 支持电阻屏的输入操作，用户可以通过触摸屏与系统进行交互。 适用场景 本示例主要用于学习和研究嵌入式系统开发，特别是针对STM32F407微控制器的应用开发。开发者可以通过该示例快速了解如何在STM32F407上集成FreeRTOS、LittlevGL和FatFS，并进行相应的功能扩展。
Matlab实现路径规划算法项目_包含Dijkstra算法和A算法的路径规划工具_用于机器人导航自动驾驶模拟游戏AI寻路物流配送优化无人机航迹规划虚拟角色移动网络路由.zip
12-02
Matlab实现路径规划算法项目_包含Dijkstra算法和A算法的路径规划工具_用于机器人导航自动驾驶模拟游戏AI寻路物流配送优化无人机航迹规划虚拟角色移动网络路由.zip
激光光束传输与谐振腔仿真ABCDRez
12-02
激光光束传输与谐振腔仿真ABCDRez
AI时代，区域科技创新体系面临平台“建而无用”挑战，如何抓住AI知识产权解决方案机遇实现精细化管理效能？.docx
12-02
AI时代，区域科技创新体系面临平台“建而无用”挑战，如何抓住AI知识产权解决方案机遇实现精细化管理效能？
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值