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;        bot好听又很沙雕的群名tom: 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%;     tail是什么意思   height: 100晏子使楚翻译0px;        background: #fff;    }

<div class="contriner">    <div class="topbar">        头部    </div&g湖南考生个人空间t;    <div class="asids">        侧边栏    </div>    <div class="view">        <div class="content"></div>    </div></div>