原文地址：http://www.abigdreamer.com/index.php/archives/506
这是一个已知的BUG：IE6 ，IE7 ，IE9浏览器，当某position:relative元素被带有overflow:auto/scroll属性的块级元素包含时，会表现出postion:absolute的行为。出现滚动条无效的bug。
解决方法：
1.为包含块元素添加属性position:relative 。
2.把该元素的position:relative属性去掉，使用默认的static定位，并通过margin-top等属性实现类似的效果
相关推荐
在页面滚动过程中，当元素距离其父元素达到设定阈值（如`top: 100px`）时，`position: sticky`会使元素变为固定定位，保持在屏幕的特定位置。这一特性在构建响应式布局，特别是创建如导航栏等始终保持可见的元素时...
这样，即使子元素设置了`position:relative`，父元素依然能够正确地识别其内容并显示滚动条。 ```css /* 修复 IE7 的 overflow:auto 无效问题 */ ul { overflow: auto; height: 100px; position: relative; /* ...
` 是CSS定位属性之一，它可以使元素相对于浏览器窗口进行定位，无论滚动条如何移动，元素始终保持在屏幕的某个位置。但在 `iframe` 中，由于浏览器的安全策略和渲染机制，`fixed` 定位可能不会按照预期工作。这通常...
- IE浏览器对 `tr` 和 `td` 的 `position: relative` 支持良好，但在其他现代浏览器（如Firefox 4和Chrome）中可能无效，因为这些浏览器遵循最新的CSS规范。 3. **动态更新位置：** - 通过JavaScript动态更新 `tr...
通过使用绝对布局，可以确保 div 具有独立的滚动条，只对 tbody 内容进行滚动。 3. 为了保持表头与表体列宽的一致性，我们需要为 tr 下的 th 和 td 设置相同的宽度。这可以通过 CSS 样式来实现，确保在滚动过程中，...
- 当父元素没有设置定位（如`position: relative`、`absolute`或`fixed`）时，`position()`将返回无效值。 ### 4. 示例代码 以下代码展示了`position()`的用法，通过`console.log()`输出`child-2`子元素距离父元素...
此方法简单，但不适用于Internet Explorer（包括IE8），在空间不足时内容会被裁剪，没有滚动条。 ```css #content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 240...
- `overflow`属性处理元素内容溢出，`hidden`隐藏溢出，`scroll`始终显示滚动条，`auto`根据需要显示滚动条。 七、浮动与清除浮动 - `float`属性允许元素浮动，`left`向左浮动，`right`向右浮动。多个浮动元素会...
position:relative"> jQuery 隐藏和显示 通过 hide() 和 show() 两个函数，jQuery 支持对 HTML 元素的隐藏和显示： 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p...
给tr设置relative后就能相对table定位了，看来很简单啊，但问题是这个方法ie8和ff都无效，而且存在很多问题，所以很快就被抛弃了。 ps：该效果用来做tr的拖动会很方便。 接着想到的是给table插入一个新tr，克隆原来...
在CSS中设置`scrollbar-base-color`属性可以改变滚动条的颜色，但如果同时给table元素设置了绝对定位，并通过JavaScript改变其位置，可能会导致IE6崩溃。以下是一个示例： ```html html, body { scrollbar-base-...
`scroll-left` 用于设置或获取横向滚动条的位置。 6. **解决 `scroll-into-view` 无效问题** 如果遇到 `scroll-into-view` 无效的情况，检查以下几点： - 确保目标元素的 `id` 正确无误，并已赋值给 `scroll-into-...