IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含

最新推荐文章于 2024-09-18 18:24:31 发布
最新推荐文章于 2024-09-18 18:24:31 发布
阅读量960 收藏
点赞数
文章标签： ie css div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/feiin/article/details/6459208
版权
BUG描述： 页面中某DIV使用了position:relative，结合top=-25px等元素定位。在FF和IE7下表现正常，但是在IE6中该DIV会随鼠标滚动而滚动。 分析： 这是IE6一个已知的BUG：当某position:relative元素 被带有overflow:auto/scroll属性的块级元素包含时，会表现出postion:absolute的行为。 解决方法： 1.为包含块元素添加属性position:relative 。 2.把该元素的position:relative属性去掉，使用默认的static定位，并通过margin-top等属性实现类似的效果。
Feiin
关注
js解决overflow：scroll失效问题
weixin_34128534的博客
07-03 1万+
用JS有效解决移动w用JS有效解决移动web浏览器中HTML元素的overflow:sceb浏览器中HTML元素的overflow:scroll滚动属性失效问题iscroll4webhtml5mobilejavascriptweb移动平台前端UI开发工作，兼容问题超多，今儿又遇到一个。产品方要求在某固定尺寸容器内显示内容，但内容条数未知；如果条数过多，容器显示滚动条。这鸟需求...
CSS BFC原理和定位position
m0_51207602的博客
02-05 377
1.BFC概念 BFC为块级格式化上下文，具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。通俗一点来讲，可以把 BFC 理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。 2.BFC特性及应用 只要元素满足下面任一条件即可触发 BFC 特性： body 根元素 浮动元素：float 除 none 以外的值 绝对定位元素：position (absolute、fixed) display 为
页面中某DIV使用了position:relative，结合top=-25px等元素定位。在FF和IE7下表现正常，但是在IE6中该DIV会随鼠标滚动而滚动。...
caibinghong的专栏
12-03 116
BUG描述： 页面中某DIV使用了position:relative，结合top=-25px等元素定位。在FF和IE7下表现正常，但是在IE6中该DIV会随鼠标滚动而滚动。 分析： 这是IE6一个已知的BUG：当某position:relative元素 被带有overflow:auto/scroll属性的块级元素包含时，会表现出postion:absolute的行为。 解决方法： ...
解决IE6,IE7下子元素使用position:relative、父元素使用overflow:auto后，子元素不随着滚动条滚动的问题
happyqyt的专栏
05-07 8272
在IE6,IE7下，子元素使用position:relative、父元素使用overflow:auto后，我们预期的是滚动条滚动时，子元素也随着滚动，实际情况是内容不滚动，就感觉你是定位定在那里了。 解决办法是父元素添加position:relative样式。
overflow:auto 的情况下，position:relative 的兼容性的问题
weixin_37586145的博客
04-09 661
overflow:auto 的情况下，position:relative 的兼容性的问题     虽然，理论是可以一套又一套。但是，到了实战中，总会有些莫名其妙的问题，占用了你大量的时间。像Jquery 这样的框架，可以兼容各种各样的浏览器， 可以非常完美的，简洁的进行编程。但是CSS 的设计没有这样简单，没有通用的解决方案。只能靠平时的点滴积累...
html随页面移动固定,div设置了position: fixed属性后如何可以做到随浏览器左右移动？...
weixin_42300896的博客
06-03 1218
把一个div标签，给它的属性设置position: fixed;bottom:0;固定在浏览器的最底部。这个div标签在浏览器上下滚动的时候，会一直保持在屏幕最底部，这一点没有问题。但问题是当浏览器宽度变的时候，左右移动浏览器左右滚动条，div标签居然会跟着屏幕一起左右滚，屏幕宽度缩小后，div里的某些内容就显示不全了，这时候需要左右滚动一下就看看挡住了的内容，但是呢浏览器往右边滚，div标签也跟...
position:fixed 造成页面抖动解决办法
_NIXIAKF的博客
09-13 1329
position:fixed 造成页面抖动解决办法
overflow:scroll 移动端失效
07-20
overflow:scroll 是一个CSS属性，用来设置一个元素在内容超出其容器尺寸时是否显示滚动条。在移动端中，overflow:scroll 有时可能失效的原因有以下几个： 1. 使用的元素不支持滚动：有些元素，比如 `<div>` 或 `...
CSS day_05(6.16) 高度坍塌问题、元素定位、文本处理、CSS样式重置
m0_70328115的博客
06-20 301
高度坍塌问题、元素定位、文本处理、CSS样式重置
ie浏览器css怎么调,IE浏览器下的CSS问题小结
weixin_30008295的博客
08-03 942
IE浏览器下的CSS问题小结发布时间：2012-10-11 23:52:59 作者：佚名 我要评论IE浏览器下的CSS问题小结，需要的朋友可以参考下IE下的特殊情况下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考：1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff 下实际占高17p...
z-index无效，无论设置多大都被其他的元素覆盖
zhu562002124的博客
09-18 2万+
z-index问题 .test-div{ border:1px blue solid; width:300px; min-height:100px; position:relative; -z-index:0; font-size:18px; font-family:microsoft yahe;
div盒子的相对定位（position:relative）和绝对定位（position:absolute）
热门推荐
AMuMuion的博客
08-25 2万+
有一说一，在做搜索框，鼠标触发事件的时候要用到盒子的相对和绝对定位。 在CSS中，position:absolute;当position的值为absolute时，这个盒子就是开启了绝对定位模式。 引用来自W3C的权威解读：https://www.w3school.com.cn/css/css_positioning_absolute.asp（内容如下图） 做个例子： 列出四个盒子，标记不同颜色，不做任何定位操作。 html部分 <div id="main"> <d...
HTML、CSS实现树状图
p_s_p的博客
09-09 902
【代码】HTML、CSS实现树状图。
CSS-2
Nozomi9967的博客
09-11 332
rgba --- (255,255,255,0) --- a是透明度hexa --- #ff00aabb -- a是透明度hsla --- hsla(色相，饱和度，亮度，透明度) --- a依旧。
css五种定位总结
最新发布
致未来的你。的博客
09-18 334
在 CSS 中，定位（Positioning）主要有五种模式，每种模式的行为和特点不同，以下是 、、、 和 五种定位方式的对比总结：
svg与css关联
qq_30754685的博客
09-18 214
/隐藏和显示 隐藏用none。
CSS—4
Nozomi9967的博客
09-15 237
1.定位 1.相对定位 2.绝对定位 3.固定定位 4.粘性定位 5.定位的特殊应用 2.布局-版心 3.布局-常用布局名词 4.布局-重置默认样式
精通CSS overflow:hidden：隐藏溢出、清除浮动与坍塌解析
"深入理解CSS overflow:hidden——溢出,坍塌,清除浮动" 在网页设计中，CSS的`overflow`属性是一个...在实际开发中，根据需求选择合适的`overflow`值，如`auto`、`scroll`或`visible`，可以实现更精细的页面布局控制。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值