CSS控制之IE常见BUG及解决方案

最新推荐文章于 2021-11-18 11:35:42 发布

原创最新推荐文章于 2021-11-18 11:35:42 发布 · 455 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#徐守威 #CSS控制之IE常见BUG及解决方案

本文主要介绍了在CSS布局中常见的几个问题及其解决方案，包括盒模型问题、双倍margin问题、3像素margin问题等，并提供了实用的解决技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

常见bug	解决方案
盒模型bug	使用严格doctype声明
双倍margin bug	_display:inline;
不认识a:link	不加:link
3像素margin bug	规范浮动与清楚浮动

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

徐守威

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

css设置ie浏览器的样式,IE浏览器常见的9个css Bug以及解决办法

weixin_30068377的博客

08-03

985

我们在浏览网页的时候经常看见这样的现象：某个网页在IE6浏览器中打开很正常，但是在IE8里面打开可能完全变形了。或者也有可能出现完全相反的现象。这让Web程序员及设计师往往为了其CSS在各个IE版本下表现怪异而痛苦不已，有时候需要通过专为IE6或者IE8设计单独的定义。IE浏览器则因此被公认为Web程序员的毒药，虽然在微软官网上并没有提供相关的解决方案，但是IE浏览器的兼容性存在的问题却是Web程...

IE CSS Bug及解决方案参考手册

01-19

而在这之中，最让人头痛的当数IE，特别是IE6。搞定了IE6，基本也就能称霸半个江山了。搞定了IE，也相当于占领了7、80%的领地。你想做一个统治页面兼容的主么？反正我是想的。问题浏览器 DEMO 解决方法 ...

参与评论您还未登录，请先登录后发表或查看评论

H5+CSS3.0常见bug及解决方案

打死你个标题党

12-18

1776

常见问题（bug）及解决方案 1.图片下方有空隙插入图片后默认会有一个空隙给父级元素加一个边框就能看到 解决方案： img{vertical-align：middle/top/bottom;} img{display

IE6中CSS常见BUG全集及解决方案

奈文摩尔的世界

03-03

802

IE6双倍边距bug 当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px，而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。 3像素问题及解决办法当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的

css代码兼容解决,css 常见兼容性问题及解决方案

weixin_31557179的博客

08-04

1340

css 兼容问题一直是困扰前端开发人员的大难题，提到兼容性立马想到了万恶的ie6，说多了都是泪，还是整理一些常见的兼容性问题以及解决的方案吧。一. 浮动元素双边距。①条件：ie6下，如果给元素设置float,同时给float同一方向设置margin值，则ie6下表现出双倍的边距② 代码：.demo {background: #95cfef;border: 1px solid #36f;float:...

css 兼容解决方案,CSS浏览器兼容性问题及解决方案

weixin_33765530的博客

08-03

446

现在关于浏览器兼容性问题小编进行了一些总结，这里主要是包括了,背景透明，字体大小，浮动，双边距，最小高度min-height，z-index 等等。一、网页背景半透明网页背景半透明代码如下复制代码opacity:0.8;filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";IE6中CSS方法解决PNG图片半透明问题：代...

CSS中IE6下双边距BUG解决方案

UniKylin

03-21

1874

其实这个问题在刚学习CSS的时候就知道怎样解决了，但是一直不知道为什么会出现这种现象，今天顺便记录一下。1.为什么会出现双边距BUG？ <style type="text/css"> body,div{padding: 0;margin: 0;} .box{border: 10px solid black;float: left;} .inner{width: 100px;h

CSS常见问题的解决方案

ixiaoyang的专栏

12-31

456

CSS问题和经验 Bugs和解决方案 如何在IE6及更早浏览器中定义小高度的容器？如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？如何在IE6及更早浏览器下模拟min-height效果？如何解决按钮在IE7及更早浏览器下随着value增多两边留白也随着增加的问题？如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时，li之间产生的空白间隙的BUG？如何解决IE6...

博学谷前端 CSS 常用技巧及CSS 常见bug

前端云松导师

11-18

1210

1.CSS 常用技巧 1.1 margin 负值制作网页时，为了拉开元素之间的距离，常常给元素设置大于0的外边距margin。其实，在实际工作中，为了实现一些特殊的效果，经常需要将元素的margin设置为负值，如下图所示的元素重叠效果。注意技巧： 1.定位的盒子层级高于浮动和标准流。 2.提高定位盒子的层级用 z-index。 1.2 css三角的写法易迅、网易三角的做法：京东三角的做法：综合做法： <!DOCTYPE html> <html> <head>

CSS优先级和!important与IE6的BUG讨论及解决方案

01-19

important属性解决了一个样式优先级的问题，而且是支持ie6的，这是为什么呢？到底ie6支不支持!important呢？首先我们来看看!important这个属性的作用：!important是用来提升样式优先级的，我们知道样式是有优先级的...

潮白、北运、蓟运河水系流经空间范围shp矢量数据.rar

最新发布

08-12

潮白、北运、蓟运河水系流经空间范围shp矢量数据

浪漫网页版女友告白与纪念日特效

08-12

资源下载链接为： https://pan.quark.cn/s/9648a1f24758 这个HTML文件是一个专门设计的网页，适合在告白或纪念日这样的特殊时刻送给女朋友，给她带来惊喜。它通过HTML技术，将普通文字转化为富有情感和创意的表达方式，让数字媒体也能传递深情。HTML（HyperText Markup Language）是构建网页的基础语言，通过标签描述网页结构和内容，让浏览器正确展示页面。在这个特效网页中，开发者可能使用了HTML5的新特性，比如音频、视频、Canvas画布或WebGL图形，来提升视觉效果和交互体验。原本这个文件可能是基于ASP.NET技术构建的，其扩展名是“.aspx”。ASP.NET是微软开发的一个服务器端Web应用程序框架，支持多种编程语言（如C#或VB.NET）来编写动态网页。但为了在本地直接运行，不依赖服务器，开发者将其转换为纯静态的HTML格式，只需浏览器即可打开查看。在使用这个HTML特效页时，建议使用Internet Explorer（IE）浏览器，因为一些老的或特定的网页特效可能只在IE上表现正常，尤其是那些依赖ActiveX控件或IE特有功能的页面。不过，由于IE逐渐被淘汰，现代网页可能不再对其进行优化，因此在其他现代浏览器上运行可能会出现问题。压缩包内的文件“yangyisen0713-7561403-biaobai(html版本)_1598430618”是经过压缩的HTML文件，可能包含图片、CSS样式表和JavaScript脚本等资源。用户需要先解压，然后在浏览器中打开HTML文件，就能看到预设的告白或纪念日特效。这个项目展示了HTML作为动态和互动内容载体的强大能力，也提醒我们，尽管技术在进步，但有时复古的方式（如使用IE浏览器）仍能唤起怀旧之情。在准备类似的个性化礼物时，掌握基本的HTML和网页制作技巧非常

XILINX FPGA网络堆栈中TCP&UDP卸载引擎的技术解析及应用 · 数据包处理 2025版

08-12

XILINX FPGA网络堆栈中的TCP和UDP卸载引擎。首先阐述了FPGA在网络数据处理中的重要性和应用场景，接着具体分析了TCP和UDP卸载引擎的工作原理及其代码实现，包括状态机、缓冲区管理和校验和计算等功能模块。最后，通过对性能的评估展示了FPGA相较于传统CPU的优势，强调了其在提升系统吞吐量和响应速度方面的重要作用。适合人群：对FPGA技术和网络协议有一定了解的研发人员和技术爱好者。使用场景及目标：适用于需要深入了解FPGA网络堆栈内部机制的研究人员，以及希望优化网络数据处理性能的工程师。其他说明：本文不仅提供了理论分析，还涉及具体的代码实现细节，有助于读者全面掌握TCP和UDP卸载引擎的设计与优化方法。

嵌入式系统中Md500E算法的C语言实现及其关键模块解析 - 任务调度

08-12

内容概要：本文深入探讨了Md500E算法的完整C语言实现，涵盖多个重要模块。首先介绍了硬件抽象层（HAL）中GPIO翻转操作的独特实现方法，避免传统异或方式带来的硬件响应延迟问题。接着详细解析了通信协议的状态机设计，利用枚举类型和静态变量确保数据传输的可靠性。内存管理方面采用简单的线性分配策略，有效解决嵌入式环境中常见的内存碎片问题。实时任务调度部分展示了基于时间片的协作式调度机制，巧妙地处理了32位计时器溢出问题。此外，文中还涉及一些实用的宏定义技巧以及精确的延时函数实现。适合人群：具有一定C语言基础并希望深入了解嵌入式系统开发的技术人员。使用场景及目标：适用于嵌入式系统的开发者，特别是那些需要理解和优化低级别硬件接口、通信协议、内存管理和任务调度的人群。目标是帮助读者掌握高效简洁的编码技巧，提高系统的稳定性和性能。阅读建议：由于涉及到较多底层细节和技术点，建议读者结合实际项目进行对比学习，同时可以尝试将文中的代码片段移植到自己的开发环境中进行测试和验证。

P2混合动力轿车并联模型：基于正向开发的阻力计算与扭矩分配方法

08-12

P2混合动力轿车并联模型的设计与实现，重点在于基于正向开发的方法。文章首先探讨了整车阻力的计算，包括滚动阻力、空气阻力和坡道阻力等，并提供了相应的计算函数。接着，文章讨论了如何根据当前车辆模式（如经济模式或运动模式）进行扭矩分配，确保发动机和电机能够协同工作。最后，文章强调了代码的可读性、可维护性和可扩展性，展示了正向开发理念的应用。适合人群：从事汽车工程研究的技术人员、对混合动力系统感兴趣的工程师和研究人员。使用场景及目标：适用于希望深入了解P2混合动力轿车并联模型的工作机制及其开发流程的专业人士，旨在提高对混合动力系统的理解和应用能力。其他说明：文中提供的代码片段有助于读者更好地理解具体的计算过程和技术实现，同时也鼓励读者进一步探索和优化相关算法。

光伏储能与虚拟同步发电机并网的Matlab Simulink建模及光照突变应对 v1.5

08-12

利用Matlab/Simulink构建光伏储能系统与虚拟同步发电机（VSG）并网模型的方法。文中首先概述了模型的整体架构，即光伏阵列连接双向DC/DC变换器，储能电池经由Boost电路接入直流母线，再通过VSG控制的逆变器实现并网。接着深入探讨了VSG核心控制算法的设计，特别是转子运动方程的具体实现及其对系统惯性和响应速度的影响。针对光照强度变化的情况，作者展示了如何通过阶跃信号模块来模拟光照突变，并讨论了不同参数设置下系统的动态响应特性。此外，还提到了储能系统的PID控制优化措施以及避免高频振荡的有效方法。最后分享了一些实用的调试技巧，如调整离散采样时间和检查关键波形数据。适合人群：从事电力电子、新能源发电领域的研究人员和技术人员，尤其是那些希望深入了解光伏储能与虚拟同步发电机集成应用的专业人士。使用场景及目标：适用于需要研究或开发高效稳定的光伏发电并网解决方案的研究机构和企业。主要目标是在光照条件变化的情况下确保电网稳定性，提高能源利用率。其他说明：文中提供的具体代码片段有助于读者快速理解和复现实验结果，同时强调了实际操作过程中需要注意的问题点。

基于S7-200 PLC和组态王的育苗大棚温室智能控制：梯形图程序、接线图与组态画面全解析 - S7-200

08-12

内容概要：本文介绍了基于S7-200 PLC和组态王技术的育苗大棚温室智能控制系统的设计与实现。文章详细解析了梯形图程序、接线图原理图、IO分配和组态画面四个关键部分。梯形图程序用于控制温室内的温度、湿度、光照等环境参数，确保作物生长的最佳条件。接线图原理图展示了PLC与温室设备间的连接线路，便于理解和维护系统。IO分配则根据实际需求将输入输出信号合理配置到不同模块，保障系统的稳定性和可靠性。组态画面提供了直观的操作界面，使操作员能够实时监控和调整温室环境。适合人群：从事农业自动化领域的技术人员、PLC编程爱好者、温室管理人员及对现代农业技术感兴趣的读者。使用场景及目标：适用于希望提升温室管理效率和技术水平的企业和个人。通过学习本文，读者可以掌握如何利用S7-200 PLC和组态王构建高效的育苗大棚温室控制系统，从而提高农业生产效益。其他说明：本文不仅提供了详细的理论讲解，还附有丰富的图纸资料，有助于读者深入理解并应用于实际项目中。

IE6常见Bug及解决方案深度解析

3. IE6下的bug问题的解决方案：由于IE6存在的大量bug，开发者需要采取特定的策略来解决兼容性问题。以下是一些常见的解决方法： a. 使用条件注释来提供特定于IE的CSS和JavaScript代码，例如： ```html <!--[if ...