29 lines
705 B
CSS
29 lines
705 B
CSS
/* 基本样式重置 */
|
|
body, html {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Arial, sans-serif; /* 设置页面的默认字体 */
|
|
background-color:#f4f4f4;
|
|
}
|
|
|
|
/* 禁用页面滚动样式 */
|
|
body.no-scroll {
|
|
overflow: hidden; /* 禁止页面滚动 */
|
|
}
|
|
|
|
/* 主内容区 */
|
|
.main-content {
|
|
margin-left: 270px;
|
|
margin-right: 20px;
|
|
margin-top: 14px; /* 增加主内容区的上边距 */
|
|
padding: 20px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
z-index: 1; /* 确保内容在侧边栏下方 */
|
|
position: relative; /* 确保相对定位 */
|
|
}
|
|
|
|
.content {
|
|
flex: 3 1 600px; /* 允许内容区域在可用空间内缩放 */
|
|
} |