DIV+CSS 自适应布局(3/4)

CSS代码

1.         html,body,div{
2.                 margin: 0;
3.                 padding: 0;
4.         }
5.         
6.         .wrap_left{
7.                 float: left;
8.                 width: 200px;
9.                 background-color: red;
10.         }
11.         .wrap_right{
12.                 float: right;
13.                 width: 200px;
14.                 background-color: green;
15.         }
16.         .wrap_content{
17.                 overflow: hidden;
18.                 background-color: yellow;
19.         }

运行代码复制代码保存代码提示：您可以先修改部分代码再运行!power by W3Cfuns.com

注：HTML中先写定宽元素，再写自适应宽度元素。
6.flex伸缩盒
即父标签设置display:flex属性，自适应元素设置flex-grow:1;
HTML代码