[Asm] 纯文本查看 复制代码
自适应圣杯布局* {
margin: 0;
padding: 0;
}
body,
html {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
.header {
width: 100%;
flex: 1;
background-color: #dcdcdc;
}
.main {
width: 100%;
flex: 6;
display: flex;
}
.left-container {
flex: 1;
background-color: #119900;
}
.center-container {
flex: 2;
background-color: #662200;
}
.right-container {
flex: 1;
background-color: #446655;
}
.footer {
width: 100%;
flex: 1;
background-color: #002299;
}
.textCenter {
display: flex;
justify-content: center;
align-items: center;
}
#header
#left-container
#center-container
#right-container