左边是浮动元素,右边是非浮动元素,这样可以做出来这种效果。
另外,自适应的两栏布局
两边固定宽度,中间自适应布局
<div id="div1"></div>
<div id="div2"></div>
<div id="div3">dddddd</div>
#div1,#div2{
width: 100px;
background: blue;
height: 200px;
}
#div1{float: left}
#div2{float: right}
#div3{
background: red;
height: 200px;
color:#fff
}
![](https://i-blog.csdnimg.cn/blog_migrate/3b9bdfede23de35c1422f2f510cbce41.png)