Html 如何在父元素外部扩展flex容器_Html_Css_Flexbox

Html 如何在父元素外部扩展flex容器

html css

Html 如何在父元素外部扩展flex容器,html,css,flexbox,Html,Css,Flexbox,我需要相对定位一些flex容器，所以我将其设置为父显示相对和flex本身-绝对。但问题是，flex width不会在其相对父对象之外扩展。如何解决这个问题内容超长内容超长内容超长内容超长内容除了添加另一个具有相对位置的容器外，还可以通过将父元素的位置属性更改为静态来实现这一点示例：内容超长内容超长内容超长内容超长内容 removeflex wrapclass，你是在告诉它包装。@VaibhavVishal，但是我丢失了2列视图，我也需要它。每一行都应该分组。我不能分组

我需要相对定位一些flex容器，所以我将其设置为父显示相对和flex本身-绝对。但问题是，flex width不会在其相对父对象之外扩展。如何解决这个问题


内容超长
内容超长
内容超长
内容超长内容

除了添加另一个具有

相对位置的容器外，还可以通过将父元素的位置
属性更改为静态
来实现这一点
示例：


内容超长
内容超长
内容超长
内容超长内容
removeflex wrap
class，你是在告诉它包装。@VaibhavVishal，但是我丢失了2列视图，我也需要它。每一行都应该分组。我不能分组，因为将来我需要响应的列数，从1到3。情况并非如此。因为我需要在容器上相对定位，以相对定位其子flexbox。@Molfar抱歉我的错误，我更新了它，请检查它。我添加了另一个容器，因此现在可以使子对象比其父对象大，同时保持其相对大小。我希望这能解决您的问题。这几乎是我的初始示例，只是固定了flex元素的宽度。这不是我最需要的。我正在寻找修复动态宽度，这取决于内容。