今天在设定几个绝对定位的元素出现问题，本来将元素的position设为absolute后定位，元素会参照最近的一个position为relative的祖先元素（如没有，则参照body）来定位，可是IE6下的位置却十分离谱。
百度之：
position:absolute定位在IE6下存在left和bottom的定位错误问题。
解决办法有两种：1、给父层设置zoom:1触发layout。 2、给父层设置宽度（width）。
IE6中很多Bug都可以通过触发layout得到解决，以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout：
position:absolute 绝对定位元素的包含区块(containing block)就会经常在这一方面出问题
float:left|right 由于layout元素的特性，浮动模型会有很多怪异的表现；
display:inline-block 当一个内联级别的元素需要layout的时候就往往符用到它，这也可能也是这个CSS属性的唯一效果----让某个元素有layout；
width: 除auto外的任何值；
height: 除auto外的任何值；
zoom: 除auto外的任何值；
分享到：
相关推荐
另外，IE6中还存在一个`position: absolute`元素消失的BUG。当绝对定位的元素后面有浮动元素或负边距时，该元素可能会消失。解决方法是在消失的`div`后添加一个空的`div`，并使用条件注释来针对IE6： ```html ...
2. **使用绝对定位替代固定定位**：对于IE6，使用`position: absolute;`代替`position: fixed;`，并通过JavaScript动态计算元素的位置。 3. **使用背景图片技巧**：通过设置`background-attachment: fixed;`来解决IE...
### IE特有Bug知识点解析 #### 一、概述 Internet Explorer（简称IE）作为曾经市场上最主流的浏览器之一，在其发展过程中积累了一系列特有的兼容性问题。这些问题是由于IE浏览器自身的技术限制以及对某些Web标准的...
7. **定位问题**：IE6的绝对定位存在缺陷，需要设置`hasLayout`（如`position:absolute; zoom:1;`）才能正确工作。相对定位在IE6下也可能需要特别处理。 8. **边距重叠问题**：当浮动元素的子元素有外边距时，IE6会...
`position:absolute`在IE6下可能无法正常工作，需要使用`position:relative`和`left/top`配合，或者使用`position:static`和`margin`调整。 8. **层叠上下文** IE6对层叠上下文的理解不同于其他浏览器，可能导致z...
为了处理不同方向的固定定位，如顶部和底部，以及左侧和右侧，代码定义了`.ie6fixedTL`和`.ie6fixedBR`两个类。`.ie6fixedTL`用于顶部和左侧的固定，`.ie6fixedBR`用于底部和右侧的固定。在IE6下，这两个类会通过...
IE6对于绝对定位元素的处理存在一个已知的bug，当绝对定位的元素紧跟在浮动元素之后，如果浮动元素的宽度填满其父元素，IE6可能无法正确显示绝对定位元素。解决这个问题的一个常见方法是在绝对定位元素后面添加一个...
标题中的“IE又一个让人吐血的BUG: 关于 table的position 和 select”指的是在Internet Explorer（IE）浏览器中，开发者遇到的一个与HTML表格（table）的定位（position）属性和下拉选择框（select）相关的bug。...
然而，在IE6中，对于某些非标准元素（如浮动元素或绝对定位元素），z-index的处理方式与现代浏览器有所不同，特别是当元素是Select框时，它的层级表现往往不受z-index控制。 针对这个问题，jQuery提供了一种解决...
在IE6浏览器中，由于其自身的布局和渲染机制存在一些bug，导致在实现多级下拉菜单时，可能会出现下拉菜单被页面中的`<select>`元素遮挡的问题。这个问题对于网页开发者来说是一个常见的头疼问题，尤其是在需要兼容旧...
IE6还有奇数宽度的bug，解决方案就是将外部相对定位的div宽度改成偶数。查看源码： CSS代码 #out { width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/ height: 300px; position: relative; ...
这里提到的问题是关于IE6、IE7以及在IE8、9、10中使用IE7兼容模式下，对于绝对定位（absolute）或相对定位（relative）的父元素和子元素的显示与隐藏的一个特定bug。这个bug主要涉及到元素的`display`属性。 通常，...
首先，针对IE6的“振动bug”，在CSS中添加如下代码： ```css /* 修正IE6振动bug */ html,* html body { background-image:url(about:blank); background-attachment:fixed; } ``` 这里的 `* html body` 选择器是 ...
标题中的“IE6 position:fixed bug (固定窗口方法)”指的是在Internet Explorer 6浏览器中，使用CSS的`position:fixed`属性时出现的一个兼容性问题。`position:fixed`通常用于创建固定定位的元素，使其在页面滚动时...
总的来说，解决IE6的"fixed"定位bug需要结合CSS的hack和JavaScript，以模拟现代浏览器中的"fixed"定位行为。虽然这种方法可以达到预期效果，但同时也增加了代码的复杂性和可能的性能问题。在现代浏览器广泛使用的...
- **问题描述**：相对定位(`relative`)和绝对定位(`absolute`)的区别及其应用场景。 - **修正方法**：相对定位基于自身原始位置进行偏移，而绝对定位则基于最近的已定位祖先元素进行偏移。 - **示例代码**： ```...
- **方法三**：使用绝对定位，为子元素设置`position: absolute; top: 50%; transform: translateY(-50%);`来实现垂直居中。 #### 三、浮动元素外边距折叠问题 **问题描述：** 当两个相邻的浮动元素（通常为左浮动...
在标准浏览器中，设置 `position:fixed` 可以使元素相对于浏览器窗口定位，但在 IE6 中，这个属性会失效，导致元素的行为更像是 `position:absolute`，即相对于最近的非 static 定位的祖先元素进行定位。 针对这个...