html - 使用最大宽度和绝对定位使流体 DIV 居中

Question

在有人因为我提出另一个居中问题而对我投反对票之前。判断前请先看我的情况!

我熟悉最常用的居中技术，但这是我的情况。我有一个 DIV，它必须在其父项内垂直和水平居中，但它也必须是流动的并且不超过 890 像素的宽度。

Max-width 实现了我想要的流畅性，但是因为绝对定位的元素需要宽度而不是 max-width 我的垂直/水平居中中断。目前我不得不牺牲流畅性而不是居中(反之亦然)，但我需要两者。

我想始终保持居中 DIV 中的内容可见，我当前的代码不会这样做，它会在窗口变小时隐藏内容 http://jsfiddle.net/cCQ2w/

谁能提出适合我的解决方案？

Answer 1

我已尝试解决您的问题。查看此页面:http://jsfiddle.net/PGce2/ .所以它水平和垂直居中并且它是“流动的”并且不超过 890px 的宽度。