一行一列
以下是引用片段:
body { margin:0px；填充:0px文本对齐:居中；}
# content { margin-left:auto；右边距:自动；宽度:400px宽度:370px}
两行一列
以下是引用片段:
body { margin:0px；填充:0px文本对齐:居中；}
# content-top { margin-left:auto；右边距:自动；宽度:400px宽度:370px}
# content-end { margin-left:auto；右边距:自动；宽度:400px宽度:370px}
三行一列
以下是引用片段:
body { margin:0px；填充:0px文本对齐:居中；}
# content-top { margin-left:auto；右边距:自动；宽度:400px宽度:370px}
# content-mid { margin-left:auto；右边距:自动；宽度:400px宽度:370px}
# content-end { margin-left:auto；右边距:自动；宽度:400px宽度:370px}
一行两列
以下是参考片段:
# body center { width:700 px；右边距:自动；左边距:自动；溢出:自动；}
# body center # dv1 { float:left；宽度:280px}
# body center # dv2 { float:right；宽度:410px}
两行两列
以下是参考片段:
# header { width:700 px；右边距:自动；左边距:自动；溢出:自动；}
# body center { width:700 px；右边距:自动；左边距:自动；溢出:自动；}
# body center # dv1 { float:left；宽度:280px}
# body center # dv2 { float:right；宽度:410px}
三行两列
以下是参考片段:
# header { width:700 px；右边距:自动；左边距:自动；}
# body center { width:700 px；右边距:自动；左边距:自动；}
# body center # dv1 { float:left；宽度:280px}
# body center # dv2 { float:right；宽度:410px}
# footer { width:700 px；右边距:自动；左边距:自动；溢出:自动；}
单行三列
绝对定位
以下是参考片段:
# left { position:Absolute；top:0px；左:0px宽度:120px}
# middle { margin:20px 190 px 20px 190 px；}
# right { position:absolute；top:0px；右:0px宽度:120px}
Float定位一个
xhtml:
下面是一个引号片段:
这里是第一列，这里是第二列，这里是第三列。
CSS:
以下是参考片段:
# wrap { width:100%；高度:自动；}
# column { float:left；宽度:60%；}
# column 1 { float:left；宽度:30%；}
# column 2 { float:right；宽度:30%；}
# column 3 { float:right；宽度:40%；}
。clear { clear:both；}
浮动定位两个
xhtml:
以下是引用片段:这是主要内容。
这是左边栏。
这是右边栏。
CSS:以下是引用片段:
body { margin:0；左填充:200px填充-右:190px最小宽度:240像素；}
。列{位置:相对；浮动:左；}
# center { width:100%；}
# left { width:180 px；右:240px左边距:-100%；}
# right { width:130 px；右边距:-100%；}
两行三列
xhtml:这里是一个引用片段:这里是顶行，这里是第一列，这里是第二列。
这是第三列。
CSS:
以下是参考片段:
# header { width:100%；高度:自动；}
# wrap { width:100%；高度:自动；}
# column { float:left；宽度:60%；}
# column 1 { float:left；宽度:30%；}
# column 2 { float:right；宽度:30%；}
# column 3 { float:right；宽度:40%；}
。clear { clear:both；}
三行三列
xhtml:
以下是引用片段:这里是顶行，这里是第一列，这里是第二列，这里是第三列，这里是底线。
CSS:
以下是参考片段:
# header { width:100%；高度:自动；}
# wrap { width:100%；高度:自动；}
# column { float:left；宽度:60%；}
# column 1 { float:left；宽度:30%；}
# column 2 { float:right；宽度:30%；}
# column 3 { float:right；宽度:40%；}
。clear { clear:both；}
# footer { width:100%；高度:自动；}