我有一个容器,里面有两个带有
position:absolute
属性的div。我想要显示第一个div .box1
,同时隐藏第二个div .box2
,使用绝对定位。我可以看到容器周围的边框已经折叠了,但是我不确定缺少什么,以使其包裹显示的内部div。
.container {
border: 1px solid black;
position: relative;
height: 100%;
}
.box {
text-align: center;
padding: 1em;
position: absolute;
width: 100%;
}
.box1 {
background-color: #CECECE;
top: 100%;
}
.box2 {
background-color: #87CEEB;
top: 0%;
}
<div class="container">
<div class="box box1">
Content 1
</div>
<div class="box box2">
Content 2
</div>
</div>