.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;} <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>