html - 如何实现复杂的 CSS 布局？

Question

我有一个页面 here .有一个内容面板和一个内容面板。我想将内容居中，并将内容面板推到右上角。此行为已经有效。

但是，当页面缩小时，布局无法正常工作。理想情况下，内容会被推到屏幕的右侧，并且内容与内容之间保持 5px 的间隙。然而目前，内容只是重叠，这并不是我想要的。

是否可以不借助 javascript 实现这样的布局？

编辑:您可能会注意到页面边缘有一个滚动条。那个滚动条不是 body 的滚动条，而是div#main 的，原因是我不想要随页面滚动的内容。

Answer 1

我相信在您的容器上使用 min-width 属性是可以实现的。不过预计 ie6 会出现问题。它不识别最小宽度声明。