语音合成软件-立方米符号
2023年4月6日发(作者：扫描仪的使用方法)
后台管理页⾯基本布局⽅式
经典页⾯布局
简易后台管理页⾯布局
1左边菜单栏固定
2header固定⾼度(宽度⾃适应)
3主体统计列表（宽度⾃适应）
代码如下
html
2023年4月6日发(作者：扫描仪的使用方法)
2023年4月6日发(作者：扫描仪的使用方法)
ckplayer
2023年4月6日发(作者：扫描仪的使用方法)
css
.main{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.header{
position:absolute;
left:200px;
top:0;
right:0;
background-color:#eeffcd;
height:80px;
}
.leftMenu{
position:fixed;
left:0;
top:0;
bottom:0;
background-color:#d43eff;
width:200px;
height:100%;
overflow:hidden;
}
.mainContent{
position:absolute;
left:200px;
top:80px;
bottom:0;
background-color:#37ff42;
right:0;
}
结果如下图
⼆、简易后台管理页⾯布局
1左边菜单栏固定
2header固定⾼度(宽度⾃适应)
3主体统计列表（宽度⾃适应）
4.右边菜单栏固定
代码如下
html
发布评论