.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; }
左边固定大小,右边根据屏幕大小自适应