Блоки (растягивание/исчезновение)

@CarlCox · Регистрация: 17.07.2015

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

Доброго времени суток всем. Прошу помощи в решении проблемки
В общем, есть один основной блок, в котором расположены два т.е. слева и справа соответственно
Как сделать так если правый блок visibility: hidden, то левый бы занял всю ширину, тобишь ширину основного блока (растянулся), а если правый блок появляется то левый возвращается в исходное положение? Заранее благодарю

@СлаваВирус · 21.12.2015, 16:09

может проще делать первому display:block, display:none?

@CarlCox · 21.12.2015, 16:15 **[ТС]**

не понял. можно поподробнее?

@СлаваВирус · 21.12.2015, 16:18

Конкретнее опишите задачу, при каких условиях блок должен появляться/исчезать/растягиваться? Вообще уверен, Вам лучше посмотреть в сторону bootstrap с его адаптивной версткой

@AsakuraKazumi · 21.12.2015, 16:20

Не по теме:

И вообще, не в той ветке тема

@CarlCox · 21.12.2015, 16:21 **[ТС]**

Да даже не в адаптивности дело, без разницы. Просто есть блок слева, есть справа. Если правый при чекбоксе 'скрыть" (display: none) то левый занимает всю ширину, т.е. ширину обоих блоков

@СлаваВирус · 21.12.2015, 16:24

Перенесите в ветку js или может здесь кто подскажет, но алгоритм такой, что у второго блока ширина 100% у первого какая-то фиксированная, и при установке чекбокса, добавлять к первому стиль display:none. Либо загуглите примеров масса

@CarlCox · 21.12.2015, 16:34 **[ТС]**

аа да , спасибо, разобрался. Ответ вот в чём. Основному задал display: inline-flex; width: 100%; левому - width: 100%; float: left правому - float:right; width: 300px (необязательно) \\ далее при display: none правый исчезает и левый занимает всю ширину. Может кому понадобится

@CarlCox 0 / 0 / 0 Регистрация: 17.07.2015 Сообщений: 40
		1
	Блоки (растягивание/исчезновение) 21.12.2015, 16:03. Показов 672. Ответов 7 Метки нет (Все метки) Доброго времени суток всем. Прошу помощи в решении проблемки В общем, есть один основной блок, в котором расположены два т.е. слева и справа соответственно Как сделать так если правый блок visibility: hidden, то левый бы занял всю ширину, тобишь ширину основного блока (растянулся), а если правый блок появляется то левый возвращается в исходное положение? Заранее благодарю 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	21.12.2015, 16:09	2
	может проще делать первому display:block, display:none? 0

@CarlCox 0 / 0 / 0 Регистрация: 17.07.2015 Сообщений: 40
	21.12.2015, 16:15 [ТС]	3
	не понял. можно поподробнее? 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	21.12.2015, 16:18	4
	Конкретнее опишите задачу, при каких условиях блок должен появляться/исчезать/растягиваться? Вообще уверен, Вам лучше посмотреть в сторону bootstrap с его адаптивной версткой 0

@AsakuraKazumi
	21.12.2015, 16:20 #5
	Не по теме: И вообще, не в той ветке тема 0

@CarlCox 0 / 0 / 0 Регистрация: 17.07.2015 Сообщений: 40
	21.12.2015, 16:21 [ТС]	6
	Да даже не в адаптивности дело, без разницы. Просто есть блок слева, есть справа. Если правый при чекбоксе 'скрыть" (display: none) то левый занимает всю ширину, т.е. ширину обоих блоков 0

@СлаваВирус 471 / 399 / 169 Регистрация: 04.01.2013 Сообщений: 1,675
	21.12.2015, 16:24	7
	Перенесите в ветку js или может здесь кто подскажет, но алгоритм такой, что у второго блока ширина 100% у первого какая-то фиксированная, и при установке чекбокса, добавлять к первому стиль display:none. Либо загуглите примеров масса 0

@CarlCox 0 / 0 / 0 Регистрация: 17.07.2015 Сообщений: 40
	21.12.2015, 16:34 [ТС]	8
	аа да , спасибо, разобрался. Ответ вот в чём. Основному задал display: inline-flex; width: 100%; левому - width: 100%; float: left правому - float:right; width: 300px (необязательно) \\ далее при display: none правый исчезает и левый занимает всю ширину. Может кому понадобится 0