如果父元素是overflow:hidden，如何使子元素可见？
如果父元素是overflow:hidden，如何使子元素可见？
提问于 2013-07-17 16:50:23
我有一个带有overflow:visible;的子元素和一个带有overflow:hidden;的父元素。子元素的高度高于父元素。
如果将属性overflow设置为visible，为什么隐藏该子元素
HTML：
<div id="container">
<div id="makeThisVisible"></div>
<div id="thisRemainsHidden"></div>
</div> CSS：
#container {
width: 500px;
height: 100px;
border: 1px solid black;
background: Gray;
/*OVERFLOW*/
overflow: hidden;
}
#makeThisVisible {
width: 240px;
height: 300px;
float: left;
border: 1px solid red;
background: IndianRed;
/*OVERFLOW*/
overflow: visible;
margin-left: 8px;
}
#thisRemainsHidden {
width: 240px;
height: 300px;
float: left;
border: 1px solid teal;
background: DarkCyan;
}小提琴：http://jsfiddle.net/ewNbu/
为了解决这个问题，我不想使用#container的可见性属性，也不想使用#makeThisVisible的位置:绝对属性，但我想找到另一个更好的方法来解决这个问题。
请帮帮我！非常感谢。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17695252
复制相关文章
相似问题