单列单柱





单行单行1：使用浮动在左上角浮动，固定宽度。
#内容{浮动：左；padding: 10px；保证金：20px；背景：# FFF边境：；5px固体# 666；宽度：400px；ie5win福吉开始声音的家庭： / * / } ；声音的家庭：继承；宽度：370px；} HTML >体#内容{宽度：370px； / * * / }结束ie5win软糖

单列单行2：固定在左上角，固定宽度，使用绝对（绝对）定位。
#内容{位置：绝对；顶部：0px；左：0px；padding: 10px；保证金：20px；背景：# FFF边境：；5px固体# 666；宽度：400px；ie5win福吉开始声音的家庭： / * / }；声音的家庭：继承宽度：；370px 体；} #内容{宽度：370px； / * * / }结束ie5win软糖

单列单行3：固定在左上角，而不是固定宽度，使用百分比（%）定义宽度从适应页面。

单列单行4（推荐）：固定宽度，使用体样式定义中心属性（文本对齐：中心），以适应页面自动中心。

单列双柱


单排两列1：两列是宽度固定的。第一列在左上角浮动，第二列在第一列的右边浮动。


单行两列2：两列以百分比宽度，但不是全屏。第一列固定在左上角，第二列在第一列的右边浮动。


单排两列3：两列的百分比宽度，全屏。绝对定位用于所有两列。

单排两列4：两列的百分比宽度，全屏。第一列浮动在左上角，第二列浮动在右上角。


单排两列5：两列的百分比宽度，全屏。第一列浮动在左上角，第二列浮动在第一列的右边。

单列三列





单列三列1：左右列绝对定位（右侧为直线位置）。左右列固定宽度，中间列自适应页面。


三单栏2：左边的以下位置，右栏位于左上栏和中栏，右边为左，右栏为固定宽度，中间一栏为自适应页面。

单排三列3：三列绝对定位。左右立柱固定宽度，中间柱根据内容自适应。

三单排4（推荐）：类似的风格2，只缘：20px属性体风格的增加，中间柱上解决的问题netscape6.0。

一行三列5：左右列绝对定位，中间列是自适应的。宽度是全屏。

顶行三列


顶行三列1（推荐）：顶部行自适应页面宽度。左右列绝对定位，中间列为自适应页面。


顶行三列2：全屏宽度