Html 如何使一个 DIV 浮动在另一个 DIV 之上，而无需向下推下 CSS

How to make a DIV float on top of another DIV without pushing down the CSS Underneath

提问by AnApprentice

Please take a look at the following example:

请看下面的例子：

http://jsfiddle.net/MVfVD/

http://jsfiddle.net/MVfVD/

I want the "overlayedFrameFooter" div to be onTOP of the frame, in a way where it doesn't add any height to the surrounding items.

我希望“overlayedFrameFooter” div 位于框架的顶部，它不会为周围的项目添加任何高度。

Any ideas?

有任何想法吗？

回答by thirtydot

Live Demo

现场演示

• I added position:relativeto #frame.
• I added width:100%; text-align:centerto #overlayedFrameFooter.
• I changed position:relativeto position:absoluteon #overlayedFrameFooter.

• 我添加position:relative到#frame.
• 我添加width:100%; text-align:center到#overlayedFrameFooter.
• 我换position:relative到position:absolute的#overlayedFrameFooter。

See herefor an explanation of why this works.

请参阅此处以了解其工作原理。