两列布局:左边定宽,右边自适应(撑满)

时间:2021-08-09 00:22:09

<![CDATA[ 

<body>

 

<div id="id1">

</div>


<div id="id2">

</div>

 

</body>

 

 ]]>

 

 

方法一:浮动实现

#id1 {
 background-color: #000;
 width:100px;
 float:left;
 height:200px;
}

 

#id2 {
 background-color: #0f0;
 height:200px;
}

 

 

 

方法二:绝对定位实现

#id1 {
 background-color: #000;
 width:100px;
 position:absolute;
 left:0px;
 height:200px;
}

 

#id2 {
 background-color: #0f0;
 height:200px;
 margin-left:100px;
}