html css页面满屏,CSS实现DIV高度height全屏布局.html

三列布局

* {

margin: 0;

padding: 0;

}

body {

height: 100%;

}

html {

height: 100%;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

padding: 80px 0 35px 0;

overflow: hidden;

}

#header {

position: relative;

height: 80px;

margin-top: -80px;

background: #f1f1f1;

border: 1px solid #ddd;

border-width: 1px 0 1px 0;

}

#aside {

position: relative;

float: left;

width: 198px;

height: 100%;

overflow: auto;

background: #fff;

}

#main-content {

position: relative;

height: 100%;

overflow: auto;

}

#footer {

position: relative;

height: 30px;

clear: both;

background: #f1f1f1;

border: 1px solid #ddd;

}

header

left

ddd

footer

一键复制

编辑

Web IDE

原始数据

按行查看

历史