表现:中间一栏居中与固定宽度,左右两栏宽度相等同时自适应宽度。
原理:利用margin的负值错别固定的宽度,因为要分两边,所以只要错开一中间的固定宽度就行
问题:IE对宽度乘百分比的计算不大好,有必要牺牲一两px的显示,IE6也没最小宽度。
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>固定中栏宽度, 左右两栏宽度相等同时自适应宽度 - Beautiful Style « 样式之美 » loaoao.com </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="KEYWords" content="-,css,xhtml,effect" />
<meta name="DEscription" content="-" />
<meta name="author" content="aoao" />