将绝对元素定位在灵活的框布局框中
我成功地使用了灵活的框布局，但需要将一个元素绝对定位在其中一个框内。
我读过 http://www.w3.org/ TR/2009/WD-css3-flexbox-20090723/#flex，特别是：灵活性仅适用于正常流程中的元素。由于绝对和固定定位元素不在流程中，因此它们上指定的任何灵活性或弹性组都将被忽略。
具体用途是嵌入 Google 地图，它具有绝对定位的 DIV，或多或少超出了我的控制范围。最终结果是 DIV 相对于包含我的灵活框布局的第一个非框元素而不是我放入的框元素进行定位。我假设这是因为它是具有真实位置的最后一个元素。
我理解为什么会发生这种情况，但是有谁知道将绝对定位元素放入灵活框元素内的解决方法，以便绝对定位元素的位置相对于灵活框元素。我认为这是有道理的。
奥。
I'm using the flexible box layout successfully but have a need to put an element positioned absolutely inside one of the boxes.
I've read http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/#flex and in particular: Flexibility only applies to elements in normal flow. As absolute and fixed positioned elements are not in flow, any flexibility or flexgroup specified on them is ignored.
The specific use is to embed Google Maps, which has DIVs positioned abolutely and is more or less out of my control. The end result is that the DIV becomes positioned relative to the first non-box element that contains my flexible box layout instead of the box element I put it in. I'm assuming that this is because it was the last element with a real position.
I understand why this is happening, but does anyone know of workaround to put absolutely positioned elements inside a flexible box element such that the absolutely positioned element's position is relative to the flexible box element. I think that makes sense.
O.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我认为唯一的解决方法是使用
- 它可以使用灵活的框布局进行定位，而其内容（Google 地图）使用绝对定位。I think the only work-around is using an
<iframe>- it can be positioned using flexible box layout while its contents (Google Maps) use absolute positioning.