Вываливание блока

@Nirvana87 · Регистрация: 10.03.2014

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

Как в CSS сделать, чтобы блок, содержащийся в другом блоке, при увеличении размера и вываливании из первого становился невидимым.(Когда внешнего блока размер становится больше внутреннего, тогда внешний исчезает)

@kloks · 21.10.2014, 16:48

Здесь поможет javascript. Вычисляешь размеры блоков. Если один больше другого, то скрываешь элемент elem.style.display = 'none';

@and_y87 · 21.10.2014, 16:52

Nirvana87, в CSS можно сделать что бы влок при увеличении своего физического размера не выходил за пределы своего родителя и скрывались его части вышедшие за эти пределы... (родителю overflow: hidden )
если надо его скрыть физически (display:none) то тут нужен JavaScript.

@Nirvana87 · 21.10.2014, 16:54 **[ТС]**

Спасибо за ответы. overflow: hidden не подходит, так как блок останется виден частично. Понял что JS, но я его плохо знаю. Буду искать скриптик дальше.

@and_y87 · 21.10.2014, 17:14

Nirvana87, интересно где такое применяется?
P.S. я так думаю у вас блок динамический и заполняется информацией...
в связи с эти месть у же где то JS код... и его просто дополнить нужно...

@Nirvana87 0 / 0 / 0 Регистрация: 10.03.2014 Сообщений: 28
		1
	Вываливание блока 21.10.2014, 16:40. Показов 1297. Ответов 4 Метки нет (Все метки) Как в CSS сделать, чтобы блок, содержащийся в другом блоке, при увеличении размера и вываливании из первого становился невидимым.(Когда внешнего блока размер становится больше внутреннего, тогда внешний исчезает) 0

@kloks 55 / 55 / 30 Регистрация: 08.05.2012 Сообщений: 162
	21.10.2014, 16:48	2
	Здесь поможет javascript. Вычисляешь размеры блоков. Если один больше другого, то скрываешь элемент elem.style.display = 'none'; 1

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 94
	21.10.2014, 16:52	3
	Сообщение было отмечено Nirvana87 как решение Решение Nirvana87, в CSS можно сделать что бы влок при увеличении своего физического размера не выходил за пределы своего родителя и скрывались его части вышедшие за эти пределы... (родителю overflow: hidden ) если надо его скрыть физически (display:none) то тут нужен JavaScript. 1

@Nirvana87 0 / 0 / 0 Регистрация: 10.03.2014 Сообщений: 28
	21.10.2014, 16:54 [ТС]	4
	Спасибо за ответы. overflow: hidden не подходит, так как блок останется виден частично. Понял что JS, но я его плохо знаю. Буду искать скриптик дальше. 0

@and_y87 Develo0per 424 / 368 / 75 Регистрация: 27.02.2012 Сообщений: 1,379 Записей в блоге: 94
	21.10.2014, 17:14	5
	Nirvana87, интересно где такое применяется? P.S. я так думаю у вас блок динамический и заполняется информацией... в связи с эти месть у же где то JS код... и его просто дополнить нужно... 1

Вываливание блока

Решение