css ie7中overflow:hidden失效问题及解决方法
2015-06-05 14:56
429 查看
css兼容ie7:
做页面的时候用负边距居中的时候在IE7下面,父节点中的overflow:hiden失效的问题,查阅了一些资料,总结一下解决方法。
问题原因:
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。
解决方法:
我们在IE7内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。
解决这个bug很简单,在父元素中使用position:relative;即可解决该bug,就是用到overflow的父节点中增加相对定位即可。
相关文章推荐
- LESS CSS 框架简介
- CSS-正方体
- 四个漂亮的CSS样式表
- CSS 链接
- 一个还不错的gridview 样式【Z】
- 超链接标签简单的几个样式属性
- 编写html和css可以直接查看的网址
- 修改TabControl的样式(SilverLight)
- 【css】ie6 和 ie7 下 position 与 overflow 的问题
- 【css】ie6 和 ie7 下 position 与 overflow 的问题
- css清楚浮动的方法
- 通过CSS3,实现元素覆盖效果
- css3 background
- CSS光标属性
- iOS开发 设置状态栏样式
- 使用 CSS 显示 XML
- CSS3 animation/transform
- CSS文本溢出显示省略号
- [html][css]我的编码习惯
- CSS 字体