将绝对元素放置在灵活的盒子布局框中

时间:2011-07-31 07:57:03

标签: css3 xul flexbox

我正在成功使用灵活的盒子布局,但需要将一个元素放置在其中一个盒子内。

我已阅读http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/#flex,特别是:灵活性仅适用于正常流程中的元素。由于绝对定位元素和固定定位元素不在流中,因此忽略它们上指定的任何灵活性或弹性组。

具体用途是嵌入谷歌地图,谷歌地图的DIV定位稳定,或多或少地不受我的控制。最终结果是DIV相对于包含我灵活的盒子布局的第一个非盒子元素而不是我放入的盒子元素定位。我假设这是因为它是具有真实位置的最后一个元素

我理解为什么会发生这种情况,但是有没有人知道将绝对定位的元素放在灵活的盒子元素中以使绝对定位元素的位置相对于灵活的盒子元素的变通方法。我认为这是有道理的。

0

1 个答案:

答案 0 :(得分:2)

我认为唯一的解决方法是使用<iframe> - 它可以使用灵活的盒子布局定位,而其内容(谷歌地图)使用绝对定位。