У меня есть контейнер с переполнением скрытый, а элемент внутри - это выбор, сделанный с помощью li с абсолютным положением, но он слишком длинный для родительского контейнера, поэтому я хочу, чтобы этот элемент вышел из контейнер, но переполнение скрыто (родительский контейнер имеет много других элементов и имеет горизонтальную прокрутку) не позволяет этому выйти.Показать div за пределами его переполнения скрытый родительский
Ниже приведен скриншот этого:
Установите ширину (не «авто») для вашего ребенка контейнер
<div id="pCont" style="overflow:auto; height: 200px; width: 200px;">
<div id="cCont" style="overflow:hidden; width: 200px;">
<ul>
<li>
</li>
</ul>
</div>
</div>
То, что вы видите, это ожидаемое поведение для абсолютного расположенный дочерний элемент элемента, переполнение которого скрыто. Единственный способ обойти это, чтобы ваш фальшивый выпадающий снимок вырезал дочерний элемент из элемента <body> и разместил его под фальшивым полем выбора, что нарушает некоторые семантики HTML.
Большой вопрос: зачем вам переполнение скрыто для начала? Если удаление overflow: hidden на родительском сломает что-то, это становится проблемой для решения. В противном случае, ответ на ваш текущий вопрос:
перелива и абсолютное позиционирование себя как разработанный
Add скрипку с конкретными деталями –
вот что 'переполнения: hidden' для –
Какой браузер вы используете , и какая версия? –