divGlobal, DivTop, DivBottom{min-width: 760px;width: expression(document body clientWidth < 760? "760px": "100%" )/*最小宽度设置*/;width:100%;} divGlobal{/*border:1px solid #ff0000;*/} DivTop, DivBottom, DivMainLeft, DivMainRight {border:1px solid #ff0000;} DivBottom {clear: both;} DivMainLeft{float:left;} DivMainRight{margin-left:210px;} DivFiexWidth{width:200px;} DivMainRightChild{} clear{clear: both;} ul ul1{margin:0px;margin-left:0px;padding-left:0px; /*fiexfox里需要设置此项,否则UR和DIV间会有空白*/} li li1{margin-left:0px;list-style-type:none;} li liBg {margin-left:0px;background-color:#ffDD00;list-style-type:none;padding:5px;} divGlobal, DivTop, DivBottom{min-width: 760px;width: expression(document body clientWidth < 760? "760px": "100%" )/*最小宽度设置*/;width:100%;} divGlobal{/*border:1px solid #ff0000;*/} DivTop, DivBottom, DivMainLeft, DivMainRight {border:1px solid #ff0000;} DivBottom {clear: both;} DivMainLeft{float:left;} DivMainRight{margin-left:210px;} DivFiexWidth{width:200px;} DivMainRightChild{} clear{clear: both;} ul1{margin:0px;margin-left:0px;padding-left:0px; /*fiexfox里需要设置此项,否则UR和DIV间会有空白*/} li1{margin-left:0px;list-style-type:none;} liBg {margin-left:0px;background-color:#ffDD00;list-style-type:none;padding:5px;} <div class="DivTop"> top </div> <div class="divGlobal"> <div class="DivMainLeft"> <div class="DivFiexWidth"> <ul class="ul1"> <li class ="liBg">左边固定宽度</li> <li class ="li1"></li> </ul> </div> <div class="DivFiexWidth"> </div> </div> <div class="DivMainRight"> <div class="DivMainRightChild" > <ul class="ul1"> <li class ="liBg">右边宽度自适应 </li> <li class ="li1"></li> </ul> </div> <div class="DivMainRightChild" > </div> </div> </div> <div class="DivBottom"> DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度 </div>