Html 如何实现复杂的CSS布局？

我有一页。有一个内容面板和一个内容面板。我想将内容居中，并将内容面板推到右上角。这种行为已经奏效了

然而，当页面缩小时，布局不能像我希望的那样工作。理想情况下，内容将被推到屏幕的右侧，并且内容和内容之间保持

5px

间隙。然而，目前，内容只是重叠的内容，这不是我真正想要的

这样的布局是否可能，而不必使用javascript

---

编辑：您可能会注意到页面边缘有一个滚动条。该滚动条不是

主体的滚动条，而是
div#main的滚动条，原因是我不希望内容随页面滚动。
我相信使用容器上的min width属性是可以实现的。但ie6可能会出现问题。它不识别最小宽度声明。
不仅仅是最小宽度。我通过以下操作实现了布局：

对于
#main
添加（调整值以满足您的需要）：


最小宽度：950px

对于
#内容
添加：


浮动：对
边缘顶部：5px
右边距：20px

对于
#目录
删除：


位置
对
顶
我建议您查看YUI CSS网格布局，以在将来解决类似问题。参见
+1似乎有效。这是一个给那些想试试的人的建议。看起来我忘了提到内容不应该滚动。
position:absolute
是position:fixed的跨浏览器替代方案@Matt:+1对于Fiddle来说现在想清楚可能太晚了，但我认为在使用float时无法获得固定位置（没有javascript）。。。为什么不将内容移动到左侧，并将最小宽度与绝对位置结合使用？