IE6的双倍边距bug

最新推荐文章于 2024-11-08 13:43:44 发布

weixin_34071713

最新推荐文章于 2024-11-08 13:43:44 发布

阅读量80

点赞数

文章标签： python

原文链接：https://my.oschina.net/shunshun/blog/90281

版权

2019独角兽企业重金招聘Python工程师标准>>>

这又是IE6一个著名的bug，也是我们经常遇到的。如上例，当浮动后设置左侧外边距时后，最左侧将显示为双倍边距，比如设置为20，而在IE6下却显示40px，解决这个问题只需应用一个样式，大家记住就可以了
display:inline;

转载于:https://my.oschina.net/shunshun/blog/90281

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34071713

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

IE6双倍边距bug

sh0109的博客

05-10

270

IE6双倍边距bug出现条件： 1.首先是块元素，内联元素不会出现此bug------所以以毒攻毒，使用display;inline;来讲此元素变为内联元素消除此bug 2.有浮动，脱离文本流 3.有外边距

解决IE6双倍边距bug

coding

05-09

1599

IE6双倍边距这个问题其实早在学习CSS之初都已经知道如何解决，但当时只知道如何解决而并不知道引起这个BUG的原因是什么，再接下来工作过程中不断实践也终于明白是怎么回事了。但最近开发项目逐渐转移到以IE7为IE的基础参考标准后，逐渐有点淡忘IE6下的一些诡异BUG的解决方案了，就是知道如何解决也忘了部分理论知识了。 1、问题：在IE6下如果某个标签使用了float属性，同时设置了其外补丁“m

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

ie6双倍边距

你如今的气质里，藏着你走过的路，经历过的事，读过的书，和爱过的人。

02-21

175

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline {float:left;margin-left:10px;width:300px;height:200px;border:1px solid red;display:inline}

IE 双边距Bug

老李技术专栏

11-04

4396

一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox { float: left; width: 150px; height: 15

解决IE6双倍边距bug问题

爱前端的程序媛的博客

12-24

534

出现双边距一般都是在排版中遇到的问题。 IE6 的双倍边距bug：在IE6中，当为一个向左浮动的元素添加左外边距，或者为一个向右浮动的元素添加右外边距时，这个外边距值将会是设置的值的两倍举个例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...

IE6双倍边距BUG

aihuaizhi9100的博客

01-12

111

不太喜欢用margin ，一般都改用padding ， margin的兼容行没有pading好，但有时候却又不得不使用例如：IE6中用了float:left之后导致margin-left双倍边距。解决办法加 display:inline 转载于:https://www.cnblogs.com/czj33499173/archive/2012/01/12/2320710.html...

解决IE6双倍边距BUG

weixin_33699914的博客

06-30

解决IE6双倍边距BUG,只要满足下面3个条件才会出现这个BUG: 1）要为块状元素;2）要左侧浮动;3）要有左外边距(margin-left); 解决这个BUG很容易，只需要在相应的块状元素的CSS属性中加入“display:inline;”，代码如下： #redBlock{width:200px;height:200px;background:#900;margin-top:20p...

IE6双倍边距 IE6浏览器会出现双倍边距解决方法

09-25

在网页设计领域，IE6（Internet Explorer 6）双倍边距问题是一个历史悠久且让开发者头疼的兼容性问题。这个现象特指在IE6浏览器中，如果一个元素同时设置了浮动(float)属性和外边距(margin)，那么在实际渲染时，这个...

IE6盒子模型没问题详测双倍边距

09-25

对于IE6的双倍边距bug，还有其他一些解决方案，例如使用`*margin` Hack，这是一种专为IE6设计的CSS技巧，将星号(*)放在属性前，可以使得该规则只对IE6生效。例如，`*margin: 0` 将只影响IE6，并且会覆盖正常的margin...

IE6的双倍边距和火狐自适应高度

08-22

这种现象被称为“IE6双倍边距BUG”。 **示例代码：** ```css body { margin: 0; } div { float: left; margin-left: 10px; width: 300px; height: 300px; border: 1px solid red; } ``` #### 解决方案解决...

IE6兼容性问题及IE6常见bug详细汇总

09-25

2. **边距加倍问题**：当块元素设置左右浮动并有`margin`时，IE6会出现“margin双倍”现象。通过将元素的`display`属性设置为`inline`，可以消除这一问题。 3. **奇数字体大小和边框高度**：在IE6中，如果字体大小...

IE6的双倍,3px,注释引起的文字错位等几个BUG解决方法

12-13

【anaconda】使用记录

zhuyan108的博客

11-05

327

window11 下安装anaconda。

智能化运维的未来：AI和机器学习在运维中的应用

Echo_Wish的博客

11-05

425

AI和机器学习在运维中的应用，不仅提高了运维效率和质量，还为企业的数字化转型提供了强有力的技术支持。通过预测性维护、自动化运维、异常检测和智能告警等应用，企业可以更好地管理和优化其IT基础设施，确保系统的高效、稳定运行。希望本文能为读者提供有价值的参考，帮助你在运维实践中更好地应用AI和机器学习技术。如果有任何问题或需要进一步讨论，欢迎交流探讨。让我们共同推动智能运维的发展，实现更高效、更智能的运维管理。

【python GUI编码入门-21】如何用Tkinter创建一个记事本应用

最新发布

木头大左的博客

11-08

在现代编程环境中，图形用户界面（GUI）应用程序的开发变得越来越重要。Python的Tkinter库是一个功能强大且易于使用的GUI工具包，非常适合初学者和有经验的开发者使用。本文将详细介绍如何使用Tkinter创建一个简易的记事本应用，涵盖从安装到实现各项功能的全过程。Tkinter是Python的标准GUI库，它提供了丰富的接口来创建窗口、对话框、按钮等常见的GUI组件。Tkinter具有良好的跨平台性，可以在Windows、Mac OS和Linux上运行。

自助餐剩余食品识别图像分割系统：教学内容全覆盖

sgcsdn99的博客

11-04

1465

数据集信息展示在本研究中，我们使用的数据集名为“9_5_Merged”，该数据集专门用于训练改进YOLOv8-seg的自助餐剩余食品识别图像分割系统。该数据集包含71个类别，涵盖了丰富多样的食品种类，旨在提高模型对不同类型剩余食品的识别和分割能力。通过对这些类别的细致划分，我们希望能够实现更高精度的图像分割，进而优化自助餐剩余食品的管理和利用。

一次薅国家超算平台的记录

weixin_55179972的博客

11-07

407

参与谁是下一个“AI”跃人 -AI体验推介活动，赢取千元算力券！（https://www.scnet.cn/home/subject/modular/index270.html）2. Clone开源的Llama3 Chinese （https://github.com/LlamaFamily/Llama-Chinese）活动名称主题：国家超算互联网「AI跃升季」：谁是下一个“AI”跃人 - AI算力体验活动。其中位置1，2替换为商品基模型和训练出来的微调模型。模型改为商城下载的模型。2、运行的过程记录。

Python 类和对象

疯一样的码农

11-04

746

在 Python 中，类是一个对象创建的蓝图。它指定了对象（实例）将具有的属性和方法的集合。类通过封装数据和行为，促进了代码的组织、复用和模块化。使用类可以建模现实世界中的对象，定义其属性，并更有效地控制应用程序的复杂性。在 Python 中，一切都是对象，所有的数据类型和结构都是特定类的实例。对象是类的实例，具有用于修改数据的方法和存储数据的属性。理解对象对于掌握 Python 中的面向对象编程（OOP）范式至关重要。

CSS兼容性问题：IE BUG解决方案

在某些情况下，IE6会显示元素的双倍边距，而其他标准浏览器则没有这个问题。这通常发生在浮动元素且宽度为`auto`时。 **兼容性方案：** - 方案一：通过设置`position`为非`static`值（如`relative`或`absolute`）...