页面上的中心div-忽略父div(accordian)

时间:2019-04-01 21:57:02

标签: css accordion responsive lightbox

我需要将手风琴的下拉列表居中,以脱离父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的宽度时,我希望它进入屏幕的整个宽度。

(我也曾考虑过做一个灯箱,但还不能完全正常工作...)

非常感谢!

0 个答案:

没有答案