兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素...

IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>.box{width: 200px;height: 200px;border:10px solid black;overflow: hidden;}.content{width: 400px;height: 400px;background: red;position: relative;}</style>
</head>
<body><div class="box"><div class="content"></div></div>
</body>
</html>

显示效果如下：

解决方案：给父级也加上position：relative；属性

.box{width: 200px;height: 200px;border:10px solid black;overflow: hidden;*position: relative;
}
.content{width: 400px;height: 400px;background: red;position: relative;
}

转载于:https://www.cnblogs.com/halai/p/6853264.html

兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素...相关推荐

ie6,ie7下设置overflow:auto下滚动条不起作用
今天遇到一个比较特殊的情况:ie6,ie7下设置overflow:auto下滚动条出来了但是滚动条不起任何作用,但在火狐,ie8,ie9,谷歌等浏览器下正常显示.通过查询终于找到原因,只需要加一个po ...
解决IE8下body{ overflow:hidden;}无效的解决办法
css中IE8 body{ overflow:hidden;}无效的解决办法: 在页面html中使用: body{ overflow:hidden; } 在ie8下无效 ,仍然有滚动条. 解决的办法如 ...
display: inline-block;下增加overflow:hidden;产生高度问题
display: inline-block; 元素增加 vertical-align: bottom 转载于:https://www.cnblogs.com/zzzzzwt/p/10546114.ht ...
overflow:hidden的使用
一.溢出隐藏如果某一元素内容超过所给定的宽高,就会溢出. <style type="text/css">.box{background-color: lightblu ...
IE overflow:hidden失效的解决方法:
position和float是两种布局模式,在IE6下共用有时会导致用position定位的元素节点消失.绝对定位的元素节点是参照离它最近的已定位元素,所以父节点定位relative.子节点定位abs ...
IE6 CSS bug: position:relative元素被overflow:auto/scroll元素包含
BUG描述: 页面中某DIV使用了position:relative,结合top=-25px等元素定位.在FF和IE7下表现正常,但是在IE6中该DIV会随鼠标滚动而滚动. 分析: 这是IE6一个已知 ...
容易被误解的overflow:hidden
为了页面的健壮性,我们常常需要使用overflow:hidden.有时候是为了防止布局被撑开,有时候是为了配合其它规则实现文字截断,还有时候纯粹是为了创建块级上下文.但是,很多人对这个属性是存在着一定 ...
ie7中overflow:hidden无效解决办法
Q:ie7中,设置了height,overflow:hidden 还是无效,样式还乱了 A:当父元素的直接子元素或者下级子元素的样式拥有position:relative 属性时,父元素的overfl ...
overflow: hidden的用法
overflow: hidden常用于父元素上.当子元素的内容超过了父元素的大小时,子元素的内容会被修剪.最基本的用法就是溢出隐藏. overflow属性的基本用法 overflow 属性规定当内容溢 ...

兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素...

兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素...相关推荐

最新文章

热门文章