您现在的位置是：网站首页> 编程资料编程资料
ie7中overflow:auto无效的解决方法详解CSS中zoom属性或overflow:auto属性清除浮动的作用DIV背景图片在Firefox下不显示通过overflow:auto可解决CSS教程:导致一些问题的overflow-CSS教程-网页制作-网页教学网overflow:auto的用法详解
2021-09-04
955人已围观
简介 小编之前遇到一次这个bug解决之后，今天又遇到，还是不明白，于是搜索发现解决方法很简单，现在分享出来给大家一起看看。
产生原因
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:auto属性就会失效。
解决办法
解决这个bug很简单，在父元素中使用position:relative;即可解决该bug。
代码bug重现
复制代码
代码如下:- 我是很努力的前端博客，希望你会喜欢
- 我是很努力的前端博客，希望你会喜欢
- 我是很努力的前端博客，希望你会喜欢
- 我是很努力的前端博客，希望你会喜欢
- 我是很努力的前端博客，希望你会喜欢
复制代码
代码如下:ul{overflow:auto; height:100px;}
li{position:relative; height:30px; line-height:30px;}
在ie7中是会出现奇怪bug，有滚动条出现，但是无法拉动滚动条。解决就是给ul{position:relative;}
IE7 float:right会换行
以前以为是ie6才会出现，没想到ie7也同样有这个bug，网上很多说把float:right的元素放在最前面，这是有多么2的想法啊。牺牲一个元素的位置来解决这个bug，有时候你自己看代码时都有点无语，解决方法可以给父层加一个相对定位，然后给这个右边加一个绝对定位来实现。我觉得这样子比较靠谱点。
以上就是这篇文章的全部内容，希望对大家的学习和工作能有一定的帮助。
相关内容
- 浅谈css处理水平居中的问题Flexbox制作CSS布局实现水平垂直居中的简单实例关于css水平居中的小小探讨css水平居中的各种方法总结(推荐)浅析CSS实现水平垂直同时居中的5种思路CSS实现水平居中的4种思路简要概述css三种方法实现div在浏览器水平居中CSS水平居中总结(新手必看篇)
- css之clearfix的用法深入理解(必看篇)纯CSS3实现的鼠标经过菜单动画过渡效果jQuery和CSS3响应式分步定制商品模板特效源码css照片有如层叠效果的实现方法CSS怎么去掉select的下拉箭头样式 浅谈css处理水平居中的问题
- CSS怎么去掉select的下拉箭头样式 详解CSS3 用border写 空心三角箭头 (两种写法)纯CSS绘制三角形箭头图案技术解析CSS制作箭头图标代码(圆，三角形，椭圆) CSS三角箭头应用实践仿新浪微博箭头的css写法纯CSS绘制三角形箭头效果纯CSS实现箭头、气泡让提示功能具有三角形图标Css绘制箭头实现代码CSS模拟小箭头的实现代码使用css实现任意大小、任意方向和任意角度的箭头示例
- 关于CSS Padding那些你意想不到的用法示例CSS怎么去掉select的下拉箭头样式 分享几个CSS小众但炫酷的技巧纯CSS3代码实现switch滑动开关按钮效果 基于JS+Html5+css3实现手机端点击图标环形菜单特效源码CSS3实现圆形图片鼠标悬停图片旋转放大特效源码css background 背景图的设置方法利用CSS3实现的文字定时向上滚动css照片有如层叠效果的实现方法
- 分享几个CSS小众但炫酷的技巧CSS怎么去掉select的下拉箭头样式 关于CSS Padding那些你意想不到的用法示例纯CSS3代码实现switch滑动开关按钮效果 基于JS+Html5+css3实现手机端点击图标环形菜单特效源码CSS3实现圆形图片鼠标悬停图片旋转放大特效源码css background 背景图的设置方法利用CSS3实现的文字定时向上滚动css照片有如层叠效果的实现方法
- css background 背景图的设置方法css background-attachment属性进阶css 背景固定样式background-attachment属性基础CSS background全部汇总CSS的background属性及CSS3的背景图片设置总结CSS制作边框效果的技巧总结详解使用CSS固定页面背景图片位置的方法使用CSS3来实现滚动视差效果的教程css 中background 设置文本框背景图 的方法
- 利用CSS3实现的文字定时向上滚动CSS怎么去掉select的下拉箭头样式 关于CSS Padding那些你意想不到的用法示例分享几个CSS小众但炫酷的技巧纯CSS3代码实现switch滑动开关按钮效果 基于JS+Html5+css3实现手机端点击图标环形菜单特效源码CSS3实现圆形图片鼠标悬停图片旋转放大特效源码css background 背景图的设置方法css照片有如层叠效果的实现方法
- 用纯CSS实现禁止鼠标点击事件示例代码CSS3实现鼠标hover图片光芒四射动画特效CSS3和js带炫酷鼠标滑过的多列布局特效源码CSS3鼠标滑过图片标题遮罩动画特效源码 8种CSS实现6种鼠标滑过按钮背景动画特效源码纯CSS3鼠标滑过彩色按钮动画特效源码 9种使用css属性屏蔽鼠标事件的方法(鼠标点击可穿透上层元素)
- CSS3绘制六边形的简单实现css3实现六边形边框的实例代码css画正六边形的两种方法css实现六边形图片的示例代码CSS实现图片背景填充的六边形的示例代码纯css绘制蜂巢六边形效果纯css实现的六边形(蜂窝)导航效果(支持hover/兼容浏览器)CSS 实现蜂巢/六边形图集的示例代码
- CSS3实现鼠标悬停显示扩展内容 纯CSS3实现图片无间断轮播效果CSS3利用text-shadow属性实现多种效果的文字样式展现方法纯CSS3单页切换导航菜单界面特效源码纯CSS3超酷文章卡片UI设计特效源码利用CSS3实现开门效果实例源码纯CSS3垂直列表面板设计特效源码CSS3绘制六边形的简单实现
