本文主要是介绍前端设计之CSS布局：上中下三栏自适应高度CSS布局，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
网页代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS布局：上中下三栏自适应高度CSS布局</title>
<STYLE type="text/css">
*{margin:0;padding:0;}
body, html {margin: 0;padding:0 !important;padding:90px 0 32px 0;width:100%;height:100%;overflow:hidden;
}
.header {background: #C9F;width: 100%;height: 90px;overflow: hidden;position: absolute;top: 0;width: 100%;text-align: center;background-color: #FFCC00;
}
.content {position:absolute!important;position:relative;top:90px!important;top:0;bottom:32px;width:100%;overflow:hidden;height:auto!important;height:100%;这篇关于前端设计之CSS布局：上中下三栏自适应高度CSS布局的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
