使流体DIV居中,具有最大宽度和绝对定位

时间:2012-09-12 11:37:27

标签: html css-position centering fluid css

在某人投票之前,我要求另一个中心问题。请在评判前阅读我的情况!

我熟悉最常用的中心技术,但这是我的情况。我有一个DIV,必须在其父级内垂直和水平居中,但它也必须是流体,不超过890px的宽度。

最大宽度实现了我想要的流体性,但因为绝对定位元素需要宽度而不是最大宽度我的垂直/水平定心中断。目前我不得不牺牲流体中心(或反之亦然),但我需要两者。

我希望始终将内容放在我居中的DIV中,我当前的代码不会这样做,它会在窗口变小时隐藏内容http://jsfiddle.net/cCQ2w/

有人可以提出一个可能对我有用的解决方案吗?

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:2)

您可以提供100%的宽度,最大宽度设置为890px。

我已经显示[here] [1] div的样本,水平和垂直对齐中心。

[1]: http://jsfiddle.net/r2qL5sgj/1/