标签：简单介绍 src 响应 values line web设计 相关 tps htm
有一种流体布局的概念在早起web兴起的时，就开始盛行了。它的概念是说页面会根据浏览器窗口的变化进行更改，网站可以通过维护一套代码，保质一致性的设计。我这里强调的可扩展的布局也是基于这个概念，只是现在的方法多种多样，因此要强调页面布局的可扩展性。
可扩展的布局途径有很多，比如常见的百分比布局，以及一直未成为标准的栅格布局等等。
就从这框架来说，以一个常见的可扩展的三栏布局为例，就有数十种方法，这里抛砖引玉举几个例子。
方法1：
方法2：
方法3：
方法4：
方法5：
方法6：
方法7：
方法8：
方法9：
除了上述总结的几种，还有更多更多的方法。两栏布局同理就不赘述。
2）一些相关概念：
举个例子：
代表的区域就是：
除以上提到，grid还拥有更多的属性，使之可以定义grid item的宽高，间隙，内部自适应的方式，对齐方式等等。更多属性可以参考W3C文档。
标签：简单介绍 src 响应 values line web设计 相关 tps htm
原文地址：http://www.cnblogs.com/sybboy/p/6257066.html
