css列表式布局实例

《css列表式布局实例》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、固定宽度CSS版式布局红色字符和背景标识的为比较实用的结构2列固定宽度居中右窄左宽型2列固定宽度居中左窄右宽型1列固定宽度居中+头部+导航+尾部1列固定宽度居中+头部+尾部1列固定宽度居中+头部1列固定宽度居中2列固定宽度左窄右宽型+头部+导航+尾部2列固定宽度右窄左宽型+头部+尾部2列固定宽度左窄右宽型+头部+尾部2列固定宽度右窄左宽型+头部2列固定宽度左窄右宽型+头部2列固定宽度居中平分型3列固定宽度居中+头部+尾部3列固定宽度居中+头部3列固定宽度居中2列固定宽度右窄左宽型+头部+导航+尾部2列固定宽度左窄右宽型+头部+导航+

2、尾部2列固定宽度居中平分型2列右窄左宽、高度自适应且未知高度底部平齐+头部+导航+尾部2列左窄右宽高度自适应且未知高度底部平齐、型+头部+导航+尾部2列右窄左宽、高度自适应+头部+导航+尾部2列左窄右宽、高度自适应+头部+导航+尾部3列固定宽度居中+头部+导航+尾部3列固定宽度居中+头部+导航自适应(弹性)宽度CSS版式布局红色字符和背景标识的为比较实用的结构2列右侧固定，左侧自适应宽度，中间无缝型2列左侧固定，右侧自适应宽度，中间无缝型1列自适应宽度居中+头部+尾部1列固定宽度居中+头部+导航+尾部1列自适应宽度+头部1列自适应宽

3、度居中2列左侧固定右侧自适应宽度+头部+尾部2列右侧固定左侧自适应宽度+头部2列左侧固定，右侧自适应宽度+头部2列左侧百分比右侧自适应2列右侧固定，左侧自适应宽度2列左侧固定，右侧自适应宽度3列左右侧固定，中间列自适应居中2列右侧固定左侧自适应宽度+头部+导航+尾部2列左侧固定右侧自适应宽度+头部+导航+尾部2列右侧固定左侧自适应宽度+头部+导航2列左侧固定，右侧自适应宽度+头部+导航2列右侧固定，左侧自适应宽度+头部+尾部2列右侧固定左侧自适应宽度，未知高度+头部+导航+尾部2列左侧固定右侧自适应宽度，未知高度+头部+导航+尾部3

4、列左右侧固定，中间列自适应居中+头部+导航+尾部3列左右侧固定，中间列自适应居中+头部+导航3列左右侧固定，中间列自适应居中+头部+尾部3列左右侧固定，中间列自适应居中+头部2列右侧固定左侧自适应宽度，未知高度且底部平齐+头部+导航+尾部2列左侧固定右侧自适应宽度，未知高度且底部平齐+头部+导航+尾部