[英]Absolute positioned div not hidden
我有这个
<div id="container">
<div id="div1"></div>
<div>
现在,我们假设:
问题:
“ div1”没有隐藏,它溢出了“容器”,但仍显示:(。
如果我只是删除“ position:absolute”,它将起作用。
如何隐藏“ div1”的溢出?
添加位置:相对于容器div元素:
考试:
<style type="text/css">
#container
{
width: 200px;
background-color: red;
height: 60px;
color: white;
position: relative;
overflow: hidden;
}
#div1
{
background-color: blue;
position: absolute;
top:0px;
left:0px;
width: 300px;
}
</style>
<div id="container">
<div id="div1">This is div1</div>
<div>
加
#container { position: relative; }
将隐藏溢出。
将绝对位置添加到元素会从正常流程中删除该元素。 它将自身绝对定位为相对位置最近的父对象。
这就是为什么将“ position:relative”添加到“ container”会达到预期效果的原因。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.