更新样式:微调aside高度为底端填满,遮盖footer空间
This commit is contained in:
parent
6752bdc0fe
commit
ebd89e8841
|
@ -36,6 +36,7 @@
|
||||||
bottom: 40px;
|
bottom: 40px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
@ -80,6 +81,7 @@
|
||||||
bottom: 40px;
|
bottom: 40px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
aside {
|
aside {
|
||||||
|
|
|
@ -13,12 +13,12 @@ body {
|
||||||
aside {
|
aside {
|
||||||
transition: transform .4s ease-in-out;
|
transition: transform .4s ease-in-out;
|
||||||
transform: translate(-100%);
|
transform: translate(-100%);
|
||||||
height: 100%;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 98px;
|
top: 98px;
|
||||||
bottom: 40px;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
height: auto;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -31,6 +31,7 @@ aside {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
|
height: 100%;
|
||||||
background: #2a3542;
|
background: #2a3542;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue