左侧固定,右侧宽度自适应
(2)通过绝对定位
(1)通过浮动
<style>
div {
height: 30px;
}
.div1 {
float: left;
width: 100px;
background:red;
}
.div2 {
margin-left:100px;
background:green;
}
</style>
<div class="div1">div1</div>
<div class="div2">div2</div>
(2)通过绝对定位
<style>
div {
height: 30px;
}
.div1 {
position: absolute;
width: 100px;
background:red;
}
.div2 {
margin-left:100px;
background:green;
}
</style>
<div class="div1">div1</div>
<div class="div2">div2</div>