【问题标题】:Positioned absolute element inside a flexible box layout box在灵活的盒子布局框中定位绝对元素
【发布时间】:2011-08-09 21:17:07
【问题描述】:

我成功地使用了灵活的盒子布局,但需要将一个元素绝对定位在其中一个盒子内。

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

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

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

哦。

【问题讨论】:

    标签: css xul flexbox


    【解决方案1】:

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

    【讨论】:

    • 我的研究得出了同样的结论。感谢您的确认。
    • 讨厌听到这个,但至少我现在终于有了答案:/
    猜你喜欢
    • 2013-09-29
    • 1970-01-01
    • 2017-12-24
    • 2019-08-06
    • 1970-01-01
    • 1970-01-01
    • 2017-10-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多