内容定义布局

内容是怎么约束布局的
   从1995年6月以来，许多网页采用表格来实现整体布局。设计者们认为内容块应该并排布局在一个表格的单元格当中。设计者们还认为内容块应垂直排列在一个表格的不同行当中。表格在可视浏览器中通常是以直线阵列的方式来呈现。
一些人认为这种做法是错误的，因为它不够灵活。他们说，如果布局由CSS控制（通常称作“CSS定位”），那么所有页面的布局改变，可以很容易地通过改变CSS来实现。他们认为改变页面结构呢本身是没有必要的。
事实上，这些页面的布局经常会被他们已经开发好了的内容所限制。一般来说，可以只通过改变CSS来实现布局的变化。

本文不想讨论的主题
    本次讨论的不是关于“CSS与no-CSS”。毫无疑问，大量地使用CSS能够让所有相关网页实现快速调整外观。这种特殊的网页使用CSS作为布局和其他样式，在通过了4.01严格模式的HTML中，几乎没有什么呈现的属性。它只是指定了图像尺寸，这是很正常的做法。

举例：“三栏布局”

    例如世界各地的新网站都在使用一种典型的5个盒-3列 页面的形式。
这种形式通常会有5个盒子，每行都包含了大量的内容。首先，在顶部会有一个横幅广告。然后，在横幅广告下面会有3列。这三列一般是一个左栏，然后文章，然后再是右栏。最后在底部（在下面一些的最长的一栏）有个管理盒子（页脚）横跨底部。
很明显，这5个盒子里面的具体内容肯定不同。有一些细节，尤其是在最上面的横幅广告，可以通过“micro-formatting”（不在本文讨论范围）来实现。
这种基本的2列的主题在Web界很常见。下面讲到的很多内容都应用了这种方式。本文是一个内容适应页面布局的例子。

设计&开发这样的页面

    从一开始使用这种5盒-3列的布局显示是非常实用的。这5个盒子当中的每个盒子都可以被独立的设计和开发。

    1.假如一个搜索框放在了左侧栏或右侧栏，输入空间将通常是很小的，那么，输入表单将适合所分配的宽度。但如果是放到顶部的横幅广告，它很可能会更长。它很少会进入底部页脚。
   2.图片和图像（&Flash）可以放在有宽度限制的左侧栏和右侧栏中，往往都是由CSS（如果有的话）分配的宽度。 （有时候，这些图像是相当高的）。图片和横幅广告图像可能会更宽。 （页脚的图像，如果有的话，往往是图标和按钮）。 （在本页面的侧边栏的图像是由侧栏被选择的宽度开发的。只是通过改变CSS是不能改变侧栏宽度的。都不能很容易地被转换为横向的网站导航块）。
   3.左侧栏和右侧栏的链接文本可能短的，长的，随机的等形式来显示为按钮。一个特定的侧栏内容往往是一类似的宽度，而且往往也不在CSS的控制范围内。他们常常由之前的内容的细节所决定。很明显，左栏和右栏已经固定好了高度和宽度。（这适用于在这个页面的侧栏的链接文本。而“按钮的文字”是为了适合确定的宽度而决定的）。
   4.在中间列，链接内容更灵活，可能会更长。引用盒子，经常浮动在文章的右边，在中心列浮动的可能性远远比在左栏或者是右栏大得多。（适用于该页面）。
   5.左栏的内容的通常是一个网页到一个网页的复制而成。很明显，复制内容的目的不是为了有中心的地方。（这也适用于本页面）。页脚的内容是可确定的，通常从一个页面到另一个页面都是固定的内容。
这就是许多这样的网站（一般是基于一个5盒子，3列显示布局，他们具有特定的宽度，至少通常侧栏和所有的盒子）整个设计和开发过程。