CSS相关布局小知识

CSS相关布局小知识 左边定宽,右边自适应方案:float + margin,float + calc /* 方案1 */ .left { width: 120px; float: left; } .right { margin-left: 120px; } /* 方案2 */ .left { width: 120px; float: left; } .right { width: calc(100% - 120px); float: left; } 左右两边定宽,中间自适应:float,float + calc, 圣杯布局(设置BFC,margin负值法),fl