如何在DOM上方浮动元素但保持垂直流动?

时间:2013-12-16 18:26:56

标签: html css css-position

我的网站有一个800px的主列,居中。我想在网页中嵌入一个Java小程序,但小程序本身宽度为900px。

我希望能够在DOM中定位此元素,但是它跨越包含div的水平边界。我仍然希望它遵循DOM的垂直流程。这是一个模型:

Mockup of intended design

有没有办法让这种情况发生?小程序和包含div的宽度和高度可以修复,但我想要一个干净的解决方案(即,没有绝对定位加上blank.gif @ 900×700)。

非JS解决方案是最好的,但如果需要我可以使用JS / jQuery。

我目前正在使用Fancybox插件获得与图片相似的效果,但无法弄清楚如何让它加载applet。

有什么建议吗?

1 个答案:

答案 0 :(得分:2)

对于此特定情况,您可以使用负左边距,宽50px,它来自公式(小程序宽度 - 容器宽度)/ 2。

您也可以使用相对定位。