我有一个带有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
的位置:绝对属性,但我想找到另一个更好的方法来解决这个问题。
请帮帮我!非常感谢。
发布于 2013-07-17 17:01:30
https://stackoverflow.com/questions/17695252
复制相似问题