Overflow в CSS

@KSiS · Регистрация: 03.06.2013

Студворк — интернет-сервис помощи студентам

У меня есть div с overflow: hidden
И мне нужно полностью показать div который больше за родительский (с overflow: hidden)
Это реально сделать? Подскажите пожалуйста.
Не важно каким методом, (js или css), главное чтобы родительский div сохранял свойство overflow.

@Academik · 08.02.2014, 22:41

Это невозможно.

Vovan-VE · 09.02.2014, 07:52

KSiS, Может, overflow:hidden использован не оправдано?

@KSiS · 09.02.2014, 21:30 **[ТС]**

Vovan-VE, вполне возможно. Но к сожеленью я не могу это исправить.

@Thomas Gabriel · 09.02.2014, 21:46

KSiS, Можно с исходником ? А то я немного не совсем понял . Сегодня ночью просто только игрался с overflow может чем помогу

@KSiS · 10.02.2014, 10:47 **[ТС]**

Thomas Gabriel,

Типа этого:

HTML5
1
2
3
<div class="parent-with-hidden-overflow">
    <div class="children-wiht-larger-size"></div>    
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
.parent-with-hidden-overflow {
    width: 500px;
    height: 300px;
    border: 1px solid black;
    overflow: hidden;
}
.children-wiht-larger-size {
    width: 300px;
    height: 400px;
    background: #eee;
}

Добавлено через 46 секунд
Кажется overflow: visible чучуть решает этот вопрос, но не уверен что оно не поломает. Так как никогда не использовал visible.

Vovan-VE · 10.02.2014, 14:57

Сообщение от KSiS

Так как никогда не использовал visible.

Оно по умолчанию и есть visible.

@dolte · 10.02.2014, 15:28

Я бы мог помочь, если бы понял что необходимо, а то из первого поста совсем не понятно.

@Ukkas · 10.02.2014, 15:46

KSiS, а может дочерний элемент вынести из родительского? И просто позиционировать его поверх.
Или родительский элемент совсем не нужен, его же не видно. Или он когда-то появляется?
Не очень понятно зачем в невидимом элементе видимые потомки.

@koza4ok · 10.02.2014, 17:38

-можно сделать дочерние элементы через absolute...
-overflow:hidden зачем стоит?Очистка float? Так есть альтернатива ,например через :before.

@BigProgrammer · 10.02.2014, 19:53

Сообщение от koza4ok

-можно сделать дочерние элементы через absolute...

Нельзя. Если в родителя overflow: hidden, то в этого элемента отрежется все, что лишнее.

Это можно сделать так. Между данными элементами в родительской иерархии вставить третий элемент с overflow: scroll или overflow: auto.

@vanyakilkil · 10.02.2014, 20:02

KSiS, а зачем помещать див который больше родительского? Так невозможно с overflow: hidden

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@KSiS 26 / 26 / 16 Регистрация: 03.06.2013 Сообщений: 138

	Overflow в CSS 08.02.2014, 21:10. Показов 1393. Ответов 11 Метки нет (Все метки) У меня есть div с overflow: hidden И мне нужно полностью показать div который больше за родительский (с overflow: hidden) Это реально сделать? Подскажите пожалуйста. Не важно каким методом, (js или css), главное чтобы родительский div сохранял свойство overflow. 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	08.02.2014, 22:41
	Это невозможно. 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	09.02.2014, 07:52
	KSiS, Может, overflow:hidden использован не оправдано? 0

@KSiS 26 / 26 / 16 Регистрация: 03.06.2013 Сообщений: 138
	09.02.2014, 21:30 [ТС]
	Vovan-VE, вполне возможно. Но к сожеленью я не могу это исправить. 0

@Thomas Gabriel 12 / 12 / 2 Регистрация: 08.02.2014 Сообщений: 64
	09.02.2014, 21:46
	KSiS, Можно с исходником ? А то я немного не совсем понял . Сегодня ночью просто только игрался с overflow может чем помогу 0

@dolte Человек 331 / 205 / 63 Регистрация: 04.02.2013 Сообщений: 1,223
	10.02.2014, 15:28
	Я бы мог помочь, если бы понял что необходимо, а то из первого поста совсем не понятно. 0

@Ukkas 153 / 126 / 39 Регистрация: 02.05.2012 Сообщений: 573
	10.02.2014, 15:46
	KSiS, а может дочерний элемент вынести из родительского? И просто позиционировать его поверх. Или родительский элемент совсем не нужен, его же не видно. Или он когда-то появляется? Не очень понятно зачем в невидимом элементе видимые потомки. 0

@koza4ok 632 / 440 / 67 Регистрация: 19.09.2012 Сообщений: 1,632
	10.02.2014, 17:38
	-можно сделать дочерние элементы через absolute... -overflow:hidden зачем стоит?Очистка float? Так есть альтернатива ,например через :before. 1

@vanyakilkil 38 / 38 / 2 Регистрация: 13.06.2012 Сообщений: 650
	10.02.2014, 20:02
	Сообщение было отмечено KSiS как решение Решение KSiS, а зачем помещать див который больше родительского? Так невозможно с overflow: hidden 0

Overflow в CSS

Решение