html怎么让布局占全屏,HTML + CSS 布局实现全屏布局

HTML + CSS 布局实现全屏布局

* {

margin: 0;

padding: 0;

}

.contriner {

width: 100%;

height: 100%;

background: red;

position: relative;

}

.topBar {

position: relative;

width: 100%;

height: 80px;

background: blue;

z-index: 2;

}

.asids {

position: absolute;

top: 0;

bottom: 0;

width: 160px;

padding-top: 80px;

background: gold;

z-index: 1;

}

.view {

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

margin-top: 85px;

margin-left: 165px;

margin-right: 20px;

margin-bottom: 20px;

background: green;

overflow-y: auto;

}

.content {

width: 100%;

height: 1000px;

background: #fff;

}

头部

侧边栏

原文链接:https://www.cnblogs.com/liyicheng/p/12671541.html

如有疑问请与原作者联系

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com

特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有