1、左侧固定宽高，右侧自适应占满
<div class="box"> ?????????????<div class="left"></div> ?????????????<div class="right"></div></div>
style样式
*{ ??margin:0; ??padding:0;}.box{ ???????height:500px; ???????background:yellow;}.left{ ??????float:left; ??????width:200px; ??????height:100%; ??????background:red;}.right{ ??????width-left:200px; ??????height:100%; ??????background:green;}2、左右固定宽高，中间自适应占满
<div class="box"> ?????????????<div class="left"></div> ?????????????<div class="right"></div> ?????????????<div class="center"></div></div>
style样式
*{ ??margin:0; ??padding:0;}.box{ ???????height:500px; ???????background:yellow;}.left{ ??????float:left; ??????width:200px; ??????height:100%; ??????background:red;}*{ ??margin:0; ??padding:0;}.box{ ???????height:500px; ???????background:yellow;}.left{ ??????float:left; ??????width:200px; ??????height:100%; ??????background:red;}.center{ ??????height:500px: ??????background:blue;}.right{ ??????width:200px; ??????height:100%； ??????float:right； ??????background:green;}css页面布局
原文地址：https://www.cnblogs.com/gjm960406/p/10146532.html