2020-03-20 19:57:01 +08:00
|
|
|
$left-side-width = 30%
|
|
|
|
$right-side-width = 70%
|
2020-03-14 16:17:04 +08:00
|
|
|
|
|
|
|
.page-container {
|
|
|
|
position absolute
|
|
|
|
left: 0
|
|
|
|
right: 0
|
|
|
|
top: 0
|
|
|
|
bottom: 0
|
|
|
|
background: #fff
|
|
|
|
|
|
|
|
.page-left {
|
|
|
|
float: left
|
2020-03-20 19:57:01 +08:00
|
|
|
width: $left-side-width
|
2020-03-14 22:21:16 +08:00
|
|
|
height: 100%
|
|
|
|
position: fixed
|
2020-03-14 16:17:04 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.page-right {
|
|
|
|
float: right
|
2020-03-20 19:57:01 +08:00
|
|
|
width: $right-side-width
|
2020-03-14 22:21:16 +08:00
|
|
|
height: 100%
|
2020-03-14 16:17:04 +08:00
|
|
|
}
|
|
|
|
|
2020-03-20 19:57:01 +08:00
|
|
|
@media screen and (max-width: 960px) {
|
|
|
|
.page-left {
|
|
|
|
display none
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-right {
|
|
|
|
width: 100%
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|