css - 页面上的中心 div - 忽略父 div（手风琴）

Question

我需要将手风琴的下拉菜单居中以脱离父 div 并保持全宽。

由于手风琴在页面上是水平的，如果我做一个最小宽度，右边的内部手风琴就会离开页面。

我已经尝试了以下所有方法，但都没有奏效：

https://css-tricks.com/full-width-containers-limited-width-parents/

如果有人可以推荐一个简洁的解决方案，我将非常感激这里是当前页面：

https://businesscultureawards.com/categories/

.x-accordion-inner {

position: relative;
left: 0;
right: 0;
z-index: 999 !important;
border-radius: 0 0 80px 0 !important;
background-color: #D3D5D4;
min-width:500px; //on the 4th acccordion across this makes the div go off screen

}

因此，当单击类别而不是保持容器 div 的宽度时，我希望它能够占据整个屏幕的宽度。

（我也想过做一个灯箱，但还没有完全做到……）

非常感谢！

标签： cssaccordionresponsivelightbox