Html 忽略父最大宽度css

我的网站上有一个容器，可以将所有内容保持在一定的宽度内，就像这样

HTML

现在我有一个div，我想忽略它的最大宽度并延伸到边缘，但我不希望它被绝对定位并从网站流中移除，所以我这样做了

HTML

因此，这给了我正确的宽度，但它仍然遵循父容器的最大宽度，并且不是从窗口的左边缘开始，而是父容器的边缘，现在我可以给它一个负的边距，但是。。因为窗口的宽度改变了，所以负边距并不总是正确的。。我怎样才能在不把它变成绝对元素的情况下绕过它

---

谢谢

默认情况下，子元素是左对齐的

-------------
|-----      |
-------------

您可以尝试将其居中：

-------------
|   -----   |
-------------

但如果某个元素太大，它会粘在左边：

-------------
|-----------|---------
-------------

然后你可以做的是从左边距开始居中：50%：

-------------
|     ------|--------------
-------------

如果现在将子元素的X轴50%变换为左X-50，则会得到以下结果：

    --------------
----|------------|----
    --------------

.集装箱{ 背景颜色：绿色； 保证金：0自动； 最大宽度：50%； 填充：10px； } .container>div{ 宽度：80%； 高度：50px； 保证金：5px自动； 背景色：红色； } .container>div.overflow{ 宽度：150%； } .解决方案.溢出{ 转化：translateX-50%； 左边距：50%； } 问题情况： 项目1 项目2 解决方案： 项目1 项目2

---

一个容器只包含一个容器。如果您希望一个元素扩展到其父元素的边界之外，为什么它是该元素的子元素？您是否使用引导？overflow-x:visible；

-------------
|   -----   |
-------------

-------------
|-----------|---------
-------------

-------------
|     ------|--------------
-------------

    --------------
----|------------|----
    --------------