7、分栏
总结几种两栏布局的技术，其中没有一种是完美的，都有一些折衷。
（1）漂移布局
用float属性，配合clear属性。漂移元素必须设置一个明确的宽度值，不能是默认的。唯一的问题是这种解决方法会导致内容放置顺序的改变，如果你的用户使用另一种浏览器，比如大声给用户读内容的屏幕读取器，它们也许不会喜欢这种顺序。
（2）凝胶物布局
首先通过把页面中所有的内容用固定大小的
（3）绝对布局
我们的任务时创建一个流动布局，同时内容顺序是我们想要的。我们用了绝对布置达到了我们的目标。不过，还是有个缺点，因为绝对元素不能用clear属性，浏览器变宽时页脚蔓延到了sidebar下面。
总结：对于你想让你的布局成为流动的还是冻结的还是凝胶物的，这其实是一个决定哪种最有利于你的页面工作的问题。一旦决定了，你还要指出哪种方法创建你的页面（漂移？绝对？结合几种？）你已经学习了基础，现在是开始探索的时候了，因为还有许多其他方法，而且每天都有新的被创造出来，以上技术通常作为比较复杂的设计的基础。多栏布局中用漂移被认为是最灵活的解决方法。谨记，你必须小心内容的顺序，它取决于设计。
8、你该知道的关于绝对布置的另外一件事
当你放置一个元素时，你就把它指定为跟最近放置的祖先元素相关的位置。
1
2
3
4
... ...
1 #tv{
2 position:absolute;
3 top:100px;
4 left:100px;
5 width:100px;
6 }
如果我们绝对放置“tv”
下次讨论“最近放置的祖先”，只须说“最近放置的包含块元素的元素”，这是专家用的术语。
注意，如果你把元素放置为与元素相对，bottom属性可能就不会如你所愿。你也许认为“bottom”是网页本身的底部，但是元素实际上把它定义为浏览器窗口的底部。所以，如果你想把一个元素从页面底部绝对布置，而不是浏览器窗口，你需要把元素放进一个延伸到页面底部放置的元素中。实现它的一个方法是把元素放进一个相对布置在页面底部的元素中。
9、固定布置
使用固定布置指定元素的位置和你使用绝对布置一样，不过这个位置是相对于浏览器窗口（叫做视口）边缘的偏移，而不是页面。一旦用固定布置放置了内容，它就呆在你放置的地方，再也不懂了，即使你滚动页面。
如果设为负值，例如left：-90px；就是告诉浏览器把图像放到视口边缘的左侧90像素处，这样就只能看到保留在屏幕上的那部分图像了。
注意，IE6.0（以及更早的）版本并不支持固定布置。