`

ie6 绝对定位的容器使用百分比定位发生错位的解决方法

阅读更多

子容器需要绝对定位,然后用left:xx%或者top:xx%;来定位,而且父容器是不限定宽度和高度的。如果碰到ie6会发错错位。

 

解决办法就一句话,在父容器加条样式:

 

width:100%; 或者 height:100%;

分享到:
评论

相关推荐

    css-绝对定位的参考对象

    在CSS布局中,绝对定位(absolute positioning)是一种强大的定位机制,允许元素脱离其正常文档流,并根据相对于某个特定祖先元素的位置进行布局。这篇博客“css-绝对定位的参考对象”深入探讨了这一主题,让我们一...

    css绝对定位如何在不同分辨率下的电脑正常显示定位位置?(一定要看!)

    如果父元素自身随分辨率变化,那么绝对定位可能会发生错位。因此,设计时应确保父元素的大小和位置在不同分辨率下保持稳定。 此外,可以使用百分比单位来定义子元素的大小,以实现更灵活的自适应布局。这种方法使得...

    IE6-IE9兼容性问题列表及解决办法

    **解决方法**:确保文本布局是基于百分比或其他相对单位,避免使用绝对像素值。 ## 第二章:CSS ### 第一节:IE6-IE7更新 #### 1. 方框模型溢出内容现与方框相交,不再让方框自动增长适应内容 **描述**:在IE6中...

    ie6中页面的bug

    这是因为IE6在处理绝对定位时存在一些问题,不设置相对定位可能导致元素的位置难以控制,甚至出现重叠现象。 3. **浮动元素的display属性**:IE6存在一个著名的双倍外边距bug,当设置浮动元素的margin时,可能会...

    ie6十大兼容性问题

    需要注意的是,如果元素有绝对定位的子元素,那么这些子元素的位置也需要相应调整。 **示例:** ```css #example { position: relative; } ``` #### 三、为浮动元素使用 `display:inline` IE6中的一个常见问题...

    10个技巧帮你搞定IE 6

    - 通过设置`position: relative`,可以解决布局对齐和定位问题,特别是对绝对定位的元素。不设置position可能导致元素位置错乱。 3. **浮动元素设置display:inline** - 为浮动元素设置`display: inline`可以修复...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf

    针对`IE6`、`IE7`、`IE8`、`IE9`以及`Firefox`、`Chrome`等浏览器的兼容性问题,我们可以采取以下策略: 1. **DOCTYPE声明**:DOCTYPE声明会影响浏览器进入不同的渲染模式。为了确保统一的行为,通常使用XHTML 1.0...

    JS使用百分比确定图标坐标点击事件Demo

    在JavaScript中,可以使用`addEventListener`方法添加事件监听器。对于每个可能的图标,我们可以设置一个点击事件,当用户点击该图标时执行特定的函数: ```javascript document.getElementById('icon')....

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.docx

    IE6 是一个问题很多的浏览器,需要使用一些特殊的 HACK 来解决兼容问题。例如,使用 `*html #wrapper { width: 80px; }` 可以解决 IE6 中的宽度问题。在 IE6 中,使用 `display: inline-block` 可以解决水平居中的...

    解决IE网页字体显示不正常

    解决办法可以是,用户在浏览器的“Internet选项”中关闭“使用网页上的格式设置”选项,或者用户可以通过开发者工具(F12)查看和修改网页的CSS设置,将所有不合理的字体大小单位统一调整为绝对单位,比如像素(px)。...

    ie6下不兼容总结若干

    9. **Ems与百分比单位**:在IE6中,使用em或百分比作为字体大小单位可能会导致布局混乱,建议使用像素单位,或为IE6提供特定的CSS规则。 10. **事件处理**:IE6使用`attachEvent`而不是`addEventListener`来绑定...

    IE6等div 100%高度填满解决办法

    ### IE6等div 100%高度填满解决办法 在Web开发中,实现页面元素的高度自适应一直是前端开发者关注的重点之一。特别是在早期浏览器版本(如IE6)的支持上,由于这些浏览器对CSS标准的支持有限,使得实现某些布局效果...

    C#获取CPU、内存、硬盘当前使用百分比

    C#没有直接提供获取硬盘使用百分比的内置方法,我们需要遍历每个逻辑驱动器并计算其总空间与已用空间。使用DriveInfo类可以获取这些信息。下面是一个示例: ```csharp using System; using System.IO; public ...

    WPF中使用百分比的布局方式

    在Windows Presentation Foundation (WPF) 中,开发人员经常需要创建响应式用户界面,这通常涉及到使用百分比布局来适应不同尺寸的屏幕。标题"使用百分比的布局方式"揭示了这个话题的核心,即如何在WPF中实现基于...

    div绝对定位布局页面(上中(包括左中右)下).zip

    其中,绝对定位是相对于最近的非静态定位祖先元素进行定位,如果没有这样的祖先,那么它将相对于初始包含块(通常是浏览器窗口)定位。绝对定位允许我们将元素精确地放置在页面上的任何位置,不受其他元素的影响。 ...

    网页设计师DIV+CSS面试宝典

    解决方法:使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二。 八、Firefox 浏览器中嵌套 div 标签的居中问题 解决方法:设置 b 的横向 margin 为 auto,例如设置 b 的 CSS 样式为:...

    全面的IE6_7_8_FF样式兼容

    - IE6 有时在背景图像平铺时出现错误,特别是在使用百分比宽度的元素上。 - FF 对背景图像的处理更为稳定,但可能需要指定背景图的尺寸。 10. **CSS3 选择器**: - IE6-8 不支持许多 CSS3 选择器,如 `nth-child...

    jsp中百分比表示方法

    然后使用`DecimalFormat`对象的`format()`方法来格式化百分比的结果,并在JSP页面上输出。 #### 3. 总结与建议 - **选择合适的数据类型**:对于需要高精度计算的场景,应优先考虑使用`BigDecimal`。 - **注意格式化...

Global site tag (gtag.js) - Google Analytics