position:absolute/fixed 元素开启绝对定位和固定定位之后才会脱离文档流。
相对定位无法脱离文档流。
解决方案:
给设置了fixed的元素外面包一层div,再给这个div设置高度即可,这样,这个div就撑起了元素所站的位置,从而不影响其他元素的显示。
.container {
width: 200px;
height: 100%;
.el-menu {
position: fixed;
height: 100%;
border: none;
h3 {
color: #fff;
text-align: center;
line-height: 48px;
}
}
}