position和float是两种布局模式,在IE6下共用有时会导致用position定位的元素节点消失。绝对定位的元素节点是参照离它最近的已定位元素,所以父节点定位relative、子节点定位absolute是很常见的。admin管理员组文章数量:1567745
overflow:hidden失效
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。
我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。
解决这个bug很简单,在父元素中使用position:relative;即可解决该bug
我的办法:子元素设置绝对定位,父元素相对定位,这样overflow:hidden就不会失效了。
IE下CSS溢出隐藏失败(IE overflow:hidden失效)
html代码:
服务范围
-
品牌官网设计
设计、策划、制作全方位周边产品让你省心的一条龙服务。
充分了解企业文化、行业特点,体现企业特色。 设计师一对一沟通,充分了解你的需求和想法。 时刻掌握最新技术动向,打造高品质网站。
-
专业量身定制开发,定制设计、定制功能。
拥有一支资深开发工程师团队,追求质量同时保证速度。
追求完美,不断提升系统响应速度和稳定性。
完善的测试流程,在上线之前解决问题
商城网站建设
-
手机、微信网站建设
个性设计,独一无二,用设计风格体现企业文化。
精简代码、追求速度,兼容主流手机浏览器。
和PC端数据同步,管理方便,全方位网络营销。
零成本增加微信网站。
-
其他网站定制
旅游官网、旅游平台等网站定制
外贸网站、外贸商城等网站定制
门户网站、教育平台等网站定制
内部管理系统等其他网站定制
-
站内优化如同打地基,地基不稳,网站怎能推广成功
合理配置网站标题、关键词、描述
优化页面代码,利于搜索引擎抓取
网站地图、robots设置、404错误设置
SEO基础优化
-
域名服务
个性设计,独一无二,用设计风格体现企业文化。
精简代码、追求速度,兼容主流手机浏览器。
和PC端数据同步,管理方便,全方位网络营销。
零成本增加微信网站
ul的宽度为2000,而他的父级div设置的宽度为1000,并且设置了overflow:hidden,但是在ie中多出来的ul部分并没有被隐藏掉。
原因是我的li元素加了定位,position:relative,解决办法是在父节点容器 中也加一个position:relative。在#con的div中也加上position:relative,问题得到解决。
我的css代码:
div#scope_con div#con{width:1000px;height: auto;overflow: hidden;margin:30px auto;border: solid 1px red;position: relative;}
div#scope_con div#con ul{width:2000px;overflow: hidden;border:solid 1px green;}
div#scope_con div#con li{list-style: none;float: left;width: 333px;height: 400px;background:#d04d43;position: relative;}
div#scope_con div#con li img{width: 333px;height:200px;border:0px;}
div#scope_con div#con li#sc img,div#scope_con div#con li#yh img{margin-top:40px}
版权声明:本文标题:IE overflow:hidden失效的解决方法 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dianzi/1727374400a1111537.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论