Html
    Css
    Js

    
                        
.box {
	width:100%;
	height:100px;
}
.box:after {
	content:"";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.left {
	float:left;
	position:relative;
	width:100px;
	background:#003b6a;
	height:100px;
	margin-right:-100px;
}
.right {
	float:right;
	width:100%;
	height:100px;
}
.right_content {
	margin-left:100px;
	height:100px;
	background:#9fceec;
}

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

左边固定,右边自适应布局

左边固定大小,右边根据屏幕大小自适应

0