本日志标题:有关CSS布局的例子查看        [2006-3-21]

W3CN.ORG上有一页,专门收集了些
http://www.w3cn.org/article/layout/2004/55.html

我这里收集摘录些。

单行单列水平居中

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

单行两列:两列都固定宽度。第一列浮在左上角,第二列浮在第一列右边。

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

单行双列(我的方法:左右各分边)

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

单行两列:两列都百分比宽度,满屏。第一列浮在左上角,第二列浮在右上角。

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

单行三列1:左右列都绝对定位(右列定位在右上)。左列和右列固定宽度,中间列自适应页面。

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

顶行三列(推荐):顶行自适应页面宽度。左右列绝对定位,中间列自适应页面。

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

另外还有个国外站
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

tag:css\web标准
在百度搜索完整的有关CSS布局的例子查看内容,或者用Google搜索相关的更多内容

By [cnbruce] at 1:06:24 | 评论 [0] | 浏览 [17596] | TrackBack| 返回顶部

About Comments
此篇日志暂时没有相关的说明和评论。:)


Post a Comment
呢称: 验证码: 
禁止笑脸转换 禁止UBB | 缩放输入框:6 5 | [Ctrl+Enter提交](1000个字符限制)