固定中栏宽度并居中, 左右两栏自适应宽度的布局

by @houniao on 2006-11-19 14:02:31

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

原理:利用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" />