首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Internet Explorer - 浮动Div之间的空间

浮动(floating)是一种 CSS 定位技术,它允许元素脱离正常的文档流,并在其他元素的周围浮动。在 Internet Explorer 中,浮动的 Div 之间可能会出现空间,这是因为 IE 浏览器在渲染浮动元素时存在一些问题。

为了解决这个问题,可以尝试以下方法:

  1. 在浮动的 Div 之间添加一个空的 Div,并设置其 CSS 样式为 clear:both。这将清除浮动,并消除空间。
  2. 在浮动的 Div 的父元素上设置 overflow:hiddenoverflow:auto。这将强制父元素包含其浮动的子元素,从而消除空间。
  3. 使用更现代的 CSS 定位技术,如 Flexbox 或 Grid,来替代浮动。这些技术在现代浏览器中渲染得更好,并且更易于使用和维护。

总之,Internet Explorer 中浮动 Div 之间的空间是一个常见的问题,可以通过上述方法进行解决。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Internet Explorer 安装指定版本浏览器方法,ie的降级和升级

首先你需要知道指定版本的补丁。比如 11.0.145 是 KB4516045。如果你要的版本低就卸载补丁。如果要的版本高就安装新的补丁。 ?...ie 大版本和小版本降级: 卸载对应的更新补丁,可以进行降级,如果查找不到对应的补丁,就表示是当前版本安装时的最新版本了,比如 ie11 这个版本从 ie8 升级上来就是这个版本,就降不了了。...但是如果想降大版本的话,比如从 ie11 降到 ie8,可以直接搜索 Internet Explorer 进行卸载可以降大版本,原理一样,没有的话就是装系统时的最低版本了。 ?...如果想找对应微软的补丁可以在这里进行下载。 微软官网升级支持 ?

1.6K20
  • 浏览器兼容性检查从5.5到11的Internet Explorer版本_IETester

    ::浏览器兼容性检查从5.5到11的Internet Explorer版本:: IETester是一款免费(兼具个人和专业用途)的WebBrowser,它允许您在 Windows 8桌面,Windows...7,Vista 和 XP上使用IE11,IE10,IE9,IE8,IE7,IE6 和 IE5.5 的渲染和JavaScript引擎,以及在同一过程中安装的IE。   ...需求:Windows 8桌面,Windows 7,Windows Vista 或 Windows XP(最低为IE7)(Windows XP / IE6配置有一些问题,IE8实例在没有IE7的XP下无法运行...)   请注意IE10:如果IE10不是系统上安装的默认IE版本,则IE10不可用。...一般而言,该版本软件的bug(漏洞)较多,普通用户最好不要安装。主要是开发者自己对产品进行测试,检查产品是否存在缺陷、错误,验证产品功能与说明书、用户手册是否一致。

    1K10

    让div水平垂直居中的几种方法

    下面我们看一下使对象垂直集中的几种不同方法,以及它们各自的优缺点。 表格布局 这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align 属性。...当 wrapper 里没有足够空间时, content 不会被截断. 缺点: Internet Explorer(甚至 IE8 beta)中无效,许多嵌套标签(其实没那么糟糕,另一个专题)....goes herediv> div> 优点: 适用于所有浏览器 不需要嵌套标签 缺点: 没有足够空间时,content 会消失(类似...设置此 div height:50%; margin-bottom:-contentheight;content 清除浮动,并显示在中间。.../div> 优点: 适用于所有浏览器 没有足够空间时(例如:窗口缩小) content 不会被截断,滚动条出现 缺点: 唯一我能想到的就是需要额外的空元素了,可能对于某些强迫症患者来说是不愿意的

    2.1K20

    清除浮动的几种方法

    利用 clear:both 清除浮动 1.clear:both + 多余的标签 `div class="clear">div>` 将以上div放在浮动元素父级的内部 ``` css .clear1...2.clear:both + 伪类 同样将此类名添加在浮动元素的父级身上 与1.相比,是将伪类去替代div,感觉本质还是没变 .Clear2:after{ content:'...####BFC的几大用处 防止margin折叠 清除浮动 不会环绕浮动元素 ####BFC的特点 形成独立的空间,对内部元素负责,隔离内部元素对外界的影响。...下面是对使用 overflow 的几个属性值来清除浮动时,它们之间的差异性。...否则,在清除了浮动的同时会带来另外的问题:超出容器部分的内容会被“切”掉,或者出现滚动条。 3. 在Explorer Mac中,设置 auto 会始终显示滚动条。(不懂mac 没测过) 4.

    75920

    探秘Oracle表空间、用户、表之间的关系

    ,并没有仔细思考总结,后面再次用到oracle时,不能再那么糊里糊涂的用了,得稍微探索一下下了,究竟这些oracle中的数据库对象之间都存在什么关系呢?   ...Oracle中建立表空间、用户、表 ----   下面通过一个在oracle中建立方案的例子来说明oracle中表空间、用户、表之间的关系。   ...一个方案对应一个项目,对应一个用户;每个用户可以管理多个表空间,每个表空间由一个或多个物理文件(.dbf)组成,一个用户可以分配多个表空间,但只能有一个默认表空间,每张表可以存在于一个或多个表空间中(比如图中的表...只不过一般不会这么做,如果多个用户都共享一个表空间的话,那就体现不了表空间的意义啦!...您说是吧 ~_~ 嘿嘿 ~_~ ---- 【 转载请注明出处——胡玉洋《探秘Oracle中表空间、用户、表之间的关系》】

    2.6K20

    Python类的空间问题以及类之间的关系

    __dict__) 总结:类的属性不仅可以在类内部添加,还可以在类的外部添加 对象如何找到类的属性 对象空间 产生这个对象空间,并有一个类对象指针 执行 init 方法,给对象封装属性 对象查找属性的顺序...:先从对象空间找 ------> 类空间找 ------> 父类空间找 ------->........类名查找属性的顺序:先从本类空间找 -------> 父类空间找--------> ........ 上面的顺序都是单向不可逆,类名不可能找到对象的属性。...类与类之间的关系 类与类中存在以下关系: 依赖关系 关联关系 组合关系 聚合关系 实现关系 继承关系(类的三大特性之一:继承。)...此时Boy和Girl两个类之间就是关联关系. 两个类的对象紧密联系着. 其中⼀个没有了. 另⼀个就孤单 的不得了. 关联关系, 其实就是 我需要你.

    77210

    百度Web前端技术学院(1)-HTML, CSS基础

    该属性定义元素中字之间插入多少空白符。针对这个属性,“字” 定义为由空白符包围的一个字符串。如果指定为长度值,会调整字之间的通常间隔;所以,normal 就等同于设置为 0。...允许指定负长度值,这会让字之间挤得更紧。 注释:允许使用负值。 white-space 定义和用法 white-space 属性设置如何处理元素内的空白。...注释:Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。...Internet Explorer 9+ 支持新的 @font-face 规则,但是仅支持 .eot 类型的字体 (Embedded OpenType)。...我们想要达到的效果更确切地说是闭合浮动,而不是单纯的清除浮动,设置 clear:both 清除浮动并不能解决 warp 高度塌陷的问题。

    1K30

    浏览器兼容

    --[if IE 6]> You are using Internet Explorer 6. 使用了条件注释的页面在 Windows Internet Explorer 9 中可正常工作,但在 Internet Explorer 10 中无法正常工作。...IE10不再支持条件注释 3、CSS hack (1)起因:由于不同厂商的浏览器(比如Internet Explorer,Safari,Mozilla Firefox,Chrome等),或者是同一厂商的浏览器的不同版本...我们需要针对不同的浏览器去写不同的CSS,让它能在不同的浏览器中也能得到我们想要的页面效果。实际项目中CSS Hack大部分是针对IE浏览器不同版本之间的表现差异而引入的。...{ *zoom: 1; /* 仅对ie67有效,可以用来清除浮动*/ } 总结:css hack 就是为了将某些功能兼容ie的低版本,换了一种写法来实现功能。

    1.9K52

    HTML5 的拖放(实例:两个div之间拖放图片)

    事件规定在何处放置被拖动的数据。...如果需要设置允许放置,我们必须阻止对元素的默认处理方式。 这要通过调用 ondragover 事件的 event.preventDefault() 方法: 当放置被拖数据时,会发生 drop 事件。...调用 preventDefault() 来避免浏览器对数据的默认处理(drop 事件的默认行为是以链接形式打开) 通过 dataTransfer.getData("Text") 方法获得被拖的数据。...该方法将返回在 setData() 方法中设置为相同类型的任何数据。 被拖数据是被拖元素的 id ("drag1") 把被拖元素追加到放置元素(目标元素)中 结果----》 拖动前 ? 拖动后 ?...在两个 div> 元素之间拖放图像--- 代码清单: <!

    2.2K10

    html基础+常用标签

    与任何早期浏览器版本相比,Internet Explorer 8 对行业标准提供了更加紧密的支持。 因此,针对旧版本的浏览器设计的站点可能不会按预期显示。...为了帮助减轻任何问题,Internet Explorer 8 引入了文档兼容性的概念,从而允许您指定站点所支持的 Internet Explorer 版本。...文档兼容性在 Internet Explorer 8 中添加了新的模式;这些模式将告诉浏览器如何解释和呈现网站。...如果您的站点在 Internet Explorer 8 中无法正确显示,则可以更新该站点以支持最新的 Web 标准(首选方式),也可以强制 Internet Explorer 8 按照在旧版本的浏览器中查看站点的方式来显示内容...当 Internet Explorer 8 遇到未包含 X-UA-Compatible 标头的网页时,它将使用 指令来确定如何显示该网页。

    1.2K10

    python3--对象之间的交互,类命名空间与对象、实例的命令空间

    对象之间的交互 现在有个游戏人与狗,人定义一个类,狗定义一个类,如何让两个类之间互相交互起来,让这个游戏变得更加有意思,代码如下 #!...和周长(perimeter)的方法     圆的面积为:圆周率×2×半径     圆的周长为:圆周率×半径的平方     '''     def __init__(self, radius):  # radius...31.41592653589793 78.53981633974483 43.982297150257104 153.93804002589985 56.548667764616276 254.46900494077323 类命名空间与对象...、实例的命名空间 创建一个类就会创建一个类的名称空间,用来存储类中定义的所有名字,这里名字称为类的属性 而类有两种属性:静态属性和动态属性 1 静态属性就是直接在类中定义的变量 2 动态属性就是定义在类中的方法...它只能存储在自己内存空间里面,类可以没有init方法 模拟人生游戏,模拟一家人赚钱的游戏 例,错误示例 class Person:     money = 0     def __init__(self

    77610

    Unity-伽马空间和线性空间是什么与他们之间的不同?

    虽然线性空间和其对应的伽马空间是很简单和重要的概念,下文说明了两种空间是什么,它们的不同,和它们是如何使用的。 线性空间 首先我们需要了解线性颜色空间的概念。...简单的说,它意味数值强度与它的感知强度成正比。这意味着可以正确的添加和相乘颜色。一个颜色空间没有属性叫"non-linear"。下面是一个双倍强度值在线性空间和非线性空间的例子。...虽然在线性空间中相应数值是正确的,但是在非线性空间中,我们不能简单的通过加法得到结果 ? 图片.png 伽马空间 需要使用伽马的两种主要情况:首先屏幕对强度是非线性的相应。...在将输入颜色、纹理传给线性空间之前将伽马修正移除。当着色完成,结果在物理上是正确的因为着色和输入都在同样的空间。之后,后处理也在线性空间中,后处理通常是线性的。...当渲染适用HDR的线性颜色空间,Unity全部的后处理将在线性空间中。

    2.3K20

    面向对象:类空间问题以及类之间的关系

    类的空间问题 1.1 何处可以添加对象属性 class A: def __init__(self,name): self.name = name def func(self...对象查找属性的顺序:先从对象空间找 ------> 类空间找 ------> 父类空间找 ------->........类名查找属性的顺序:先从本类空间找 -------> 父类空间找--------> ........ 上面的顺序都是单向不可逆,类名不可能找到对象的属性。 二....类与类之间的关系 ⼤千世界, 万物之间皆有规则和规律. 我们的类和对象是对⼤千世界中的所有事物进⾏归类. 那事物之间存在着相对应的关系. 类与类之间也同样如此. 在⾯向对象的世界中....依赖关系:将一个类的对象或者类名传到另一个类的方法使用。此时, 我们说, ⼤象和冰箱之间就是依赖关系. 我⽤着你. 但是你不属于我. 这种关系是最弱的.比如. 公司和雇员之间.

    62810

    css过去及未来展望—分析css演进及排版布局的考量

    读初二的时候,学校有了计算机,也简单地介绍了下网页,不过那是的html 都是table,也没有去细看。到了高中,qq空间有个html模式,为了让文章好看点。...有越来越多的成员参与其中,例如微软公司的托马斯·莱尔顿(Thomas Reaxdon),他的努力最终令Internet Explorer浏览器支持CSS标准。...DIV和“盒模型”div>元素起初是作为CSS的一部分被发明的,用来把页面组织成逻辑上独立的几个部分。它的设计初衷其实是替代当时最常用的表格布局。...定位属性至今仍然是CSS规范的一部分浮动布局float浮动属性最早是为了实现图片的文字环绕效果,允许的值包括left、right、none、inherit,后来人们发现,浮动div>元素可以用来有效地控制页面上元素的位置...把div>设置成浮动会使得对应的盒子有一定的自适应效果,多个浮动元素一一排列,如果超出了容器元素宽度,一行放不下时还会自动换行。

    37030
    领券