10、相对布置

没有多少人在他们的设计中用到它。不像绝对布置和固定布置，相对布置的元素仍然是页面流中的一部分，不过在最后一刻，就在元素被显示之前，浏览器偏移它的位置。浏览器先把相对元素流到页面上，然后才把它偏移到要显示的地方。不过，不像绝对布置，相对布置被定义为相对于元素实际位置的偏移，而不是与最近包含的块绝对地平行。

无论你如何调整补白和边界，你还是不能把一个图像放到它所在盒子的外边。但用两行CSS就可以达到更好的效果。你可以用相对布置来让一个元素在流中越过自己的盒子，以便很好地显示，用补白和边界就做不到这点。

11、总结：流动布局是：当你扩大浏览器窗口时，页面内容也随之扩大来填满页面。

冻结布局是：内容的宽度是固定的，不随浏览器窗口的变化而扩大或缩小。这有一个优点是你可以更好地控制你的设计，但代价是不能有效地利用浏览器宽度。

凝胶物布局好似：内容区的宽度是固定的，但边界随着浏览器窗口的变化扩大或缩小。凝胶物布局通常用来把内容放在页面的中间。它跟冻结的布局有一样的优点，但总是要更引人注目一点。