射雕双飞翼布局的几个补充布局
时间：2009年06月06日作者：愚人码头查看次数:4,660 views评论次数：0
前段时间一直在开发css框架，同事提示我看射雕的双飞翼布局，非常不错的一个布局，引用射雕自己的话：
1.实现了内容与布局的分离，即Eric提到的Any-Order Columns.
2.main部分是自适应宽度的，很容易在定宽布局和流体布局中切换。
3.任何一栏都可以是最高栏，不会出问题。
4.需要的hack非常少（就一个针对ie6的清除浮动hack:_zoom: 1;）
5.在浏览器上的兼容性非常好，IE5.5以上都支持。
那么究竟什么是双飞翼布局呢？大家可以看看；
渐进增强式布局探讨（上） 渐进增强式布局探讨（下） 网页栅格系统研究（4）：技术实现
射雕还专门做了个栅格化的双飞翼demo：Grids Layout Demo
其实类似这种布局国外有人很早也做了，同一个html文档通过css样式能做出40种不同的布局展现，当然甚至可以更多，包括我也曾经关注过，不过个人认为决定网页布局的应该是信息架构，而不纯粹的依靠html文档流和css样式。
今天仔细的研究了射雕的双飞翼，自己在射雕demo的基础上，在3栏模式下做了一点扩展，这些布局在他的Grids Layout Demo中没有看到，所以今天做了几个补充布局：http://www.css88.com/demo/Grids%20Layout/cssA/to.html
最新评论
代码没缩进啊，看得挺累
Post:2012-02-02 18:36:19直接用 style.innerHTML = cssText ^_^
Post:2012-02-02 10:05:33@愚人码头,蛮喜欢看你写的文章的！会经常来
Post:2012-01-31 17:27:46习惯用jquery库和kissy库了，都很 »
Post:2012-01-31 16:51:11想跟您换个连接，可以吗？等待回复 »
Post:2012-01-31 12:17:24局部样式变化 通过class名改变是不 »
Post:2012-01-31 09:54:42学习了. 从来没用过 "_" 还不知 »
Post:2012-01-30 14:32:21正在学习合成的童鞋路过学习
Post:2012-01-30 13:47:37