Html
    Css
    Js

    
                        
 html,body {
	height:100%;
	padding:0;
	margin:0;
}
.all {
	position:relative;
	height:100%;
}
.top {
	height:100px;
	background:#418bca;
}
.main {
	position:absolute;
	top:100px;
	left:0;
	bottom:0;
	width:100%;
}
.leftNav {
	float:left;
	width:200px;
	height:100%;
	background-color:#d9554f;
}
.rightCon {
	margin-left:200px;
	height:100%;
	background:#5bb85d;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.3.2
 立即下载

css自适应布局(原创)

上下布局,上面为顶部(定高),下面包括导航和内容(左侧导航定宽 ,中间内容宽高自适应)

1
      萍踪侠影0
      2018/9/4 13:50:18