DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度 .

最新推荐文章于 2021-08-03 20:44:44 发布

unity<兆>

最新推荐文章于 2021-08-03 20:44:44 发布

阅读量1k

点赞数

分类专栏：通达表单设计

通达表单设计专栏收录该内容

4 篇文章 1 订阅

订阅专栏

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>