左边的宽度固定，右边的宽度是自适应的。重点是：右边div的margin-left设置为左边浮动div的宽度。向左浮动+margin-left.content{width:300px;高度：300px；背景色：白色；}.left{浮动：左；宽度：100px；高度：100px；背景色：#ffff80；}.right{高度：200px；左边距：100px；背景色：#80ff80；}最终实现的效果：2.左边绝对定位+右边margin-left关键点：左边div设置绝对定位，让左边div脱离文档Stream，类似leftfloat。右侧div的margin-left设置为左??侧div的宽度。内容{宽度：300px；高度：300px；position:relative;//注意：父子绝对位置background-color:#ff80c0;}.left{宽度：100px；高度：100px；位置：绝对；left:0;//你不需要这行代码background-color:#ffff80;}.right{高度：200px；左边距：100px；背景色：#80ff80；}还有一种设置绝对定位的方法：.right{width:200px;//这里设置右边div的宽度height:200px;/*左边距：100px；*/position:absolute;//设置右边的div也设置为绝对定位，从右边绝对定位：0;背景色：#80ff80；}3.左浮动+margin负值2.三栏布局3.flex弹性布局