许久没有切图布局了,面试时一紧张就更忘记了喵....
一、左侧宽度固定 右侧宽度自适应
.left{float:left; width:200px; height:500px;} .right{margin-left:200px; height:500px;}
左侧也可绝对定位。
二、左右侧宽度固定 中间宽度自适应
.left{position:absolute;left:0;top:0; width:200px; height:500px;} .right{position:absolute;right:0;top:0; width:200px; height:500px;} .center{height:500px; margin:0 200px;}
左右侧也可浮动。
时间: 2024-11-05 19:14:46