CSS左右宽度自适应中间定宽

2025-01-01 15:46:31

推荐回答（2个）

回答1：

　　

CSS布局：中栏固定宽度,左右两栏宽度相等同时自适应宽度-懒人图库

作者：aoao　查找更多代码，请访问：懒人图库

表现:中间一栏居中与固定宽度，左右两栏宽度相等同时自适应宽度。

原理:利用margin的负值错别固定的宽度，因为要分两边，所以只要错开一中间的固定宽度就行

问题:IE对宽度乘百分比的计算不大好，有必要牺牲一两px的显示，IE6也没最小宽度。

。

回答2：

我是左边

我是中间

我是右边

#a{background:#aaa; float:left; margin-left:-320px; width:50%;}
#b{width:640px; background:#f00; float:left;}
#c{background:#777; width:50%; float:right; margin-right:-320px;}

CSS左右宽度自适应 中间定宽

固定中栏宽度, 左右两栏宽度相等和自适应

CSS左右宽度自适应中间定宽