创建流体宽度布局的典型技术是让您的主要内容具有 最小和最大宽度，然后确保它使用各种技术在所有浏览器中都能正常工作。
另一种方法是相对于浏览器窗口本身为页面上的元素设置绝对定位。例如，您可以将元素“粘贴”到页面的底部。
div#stickbottom {
position: absolute;
bottom: 0;
}同样，您可以将元素粘贴到页面的任何区域。当您使用百分比定位元素时，它会变得更加有趣。例如，您可以使某个元素始终距离页面右侧边缘 10%，方法是使用
div #farright {
position: absolute;
right: 10%;
}使用此技术，“右侧边距”距离会随着用户扩展和收缩浏览器窗口而增大和缩小。这可以为其他元素带来一些很酷的可能性和交互。您可以查看 此处的示例页面。
我确定您很快就会注意到，此示例大量使用了 PNG 图形，没有使用任何技巧。这在 IE 6 中会看起来很糟糕，因为有一堆白色背景。它只是为了说明可能性，您可以随意实现自己的技巧或使用 GIF，或者干脆不要使用需要透明度的对象。
别担心，在 Firefox 中看起来也很糟糕。
哇，我的第一个真正的喷子！
别担心——我们都会偶尔遇到这种情况。
它在 Firefox 中实际上看起来还不错，但是与任何浏览器一样，您使用的百分比动态放置的对象越多，更新中断就越糟糕。Firefox 碰巧是最糟糕的，至少我发现是这样。
但是，如果您的技术使用得当且适度，可以提供很大的帮助。
另外，需要说明的是，IE6 应该下地狱。应该强制升级到 IE7。使用任何体面的设计来支持它都是一场噩梦。这只是我个人的观点。:)
@BladedThoth：谢谢，我很高兴有人发现它至少有点用处=）。它只是为了说明一个想法。我想使用大型对象，而不仅仅是小方块，这样您就可以真正看到此技术可能用于有趣的流体布局。