我试图找出最简单的方法来堆叠2固定div一个是动态的,一个是静态的.
我的导航高度为76px固定位置.但我在顶部有另一个div,它将根据数据库值隐藏或显示.它将所有东西都按下应用,问题是当我滚动导航器它应该在哪里但是消息div滚动它的身体应该保持在导航div的顶部.
.nav {
background-color: #000;
height: 76px;
width: 100%;
position: fixed;
z-index: 100;
}
.message{
background-color: #ff0000;
height: 50px;
width: 100%;
}
最佳答案
只需将固定位置
添加到.message,然后向导航
添加50px的margin-top,如下所示:
.nav {
background-color: #000;
height: 76px;
width: 100%;
position: fixed;
margin-top: 50px;
z-index: 100;
color:#fff;
}
.message{
background-color: #ff0000;
height: 50px;
width: 100%;
position: fixed;
}