Форум на Исходниках.RU

Задать размеры всплывающего дочернего элемента

SergeS — Tue, 19 May 2020 21:24:16 +0000

SergeS: Просто решаемо

Меню контейнер (Граница куда максимом можно) - позиция релатив (или абсолютная) (Главный див в примере)
В каждом tt-item сделать ещё div для надписи (ширина 33%)
tt-submenu тогда получаеться так - top: 0, left: 33%, bottom: 0, right: 0

Пример тут - https://jsfiddle.net/v6f3c8at/1/

Задать размеры всплывающего дочернего элемента

ViGOur — Tue, 28 Apr 2020 15:59:41 +0000

ViGOur: overflow: auto; я пробовал до этого.
Из-за этого scroll появляется, а мне хотелось бы сделать так, чтобы родитель становился такого же размера как дочка, это же меню, потому, для него в самый раз!

Задать размеры всплывающего дочернего элемента

AVA12 — Tue, 28 Apr 2020 15:07:40 +0000

AVA12: Ясно, проблема в том, что содержимое внутреннего блока переполняет внешний. Насколько я понимаю, нужно чтобы в таких случаях содержимое внутреннего блока скроллилось. В этом случае для внутреннего блока надо задать

max-height: 100%; overflow: auto;

Впрочем, могут быть сюрпризы в зависимости от реально используемых стилей для всего этого.

Задать размеры всплывающего дочернего элемента

ViGOur — Tue, 28 Apr 2020 12:56:20 +0000

ViGOur: menu_example_art_0.jpg (, : 770)
Пример на прикрепленной картинке...

Задать размеры всплывающего дочернего элемента

AVA12 — Tue, 28 Apr 2020 12:43:37 +0000

AVA12:

Цитата

Понятно, что height: 100%, но при этом будет артефакт, когда дочка больше родителя и вылезает за его пределы

Что за артефакт? Что рисуется и что должно рисоваться? Продемонстрируй проблему. Ну или опиши словами, как все сверстано и как должно выглядеть и работать.

Задать размеры всплывающего дочернего элемента

ViGOur — Tue, 28 Apr 2020 12:05:41 +0000

ViGOur: AVA12, в точку!
Выровнялись по ширине, а по высоте как-то можно?

Понятно, что height: 100%, но при этом будет артефакт, когда дочка больше родителя и вылезает за его пределы (в данном случае за пределы корневого div), со всеми вытекающими...

з.ы. я полный ноль в CSS, так что извините если вопросы примитивные... :rolleyes:

Задать размеры всплывающего дочернего элемента

AVA12 — Tue, 28 Apr 2020 00:21:32 +0000

AVA12: Может, так?

left: 100%; top: 0; width: 200%;

Задать размеры всплывающего дочернего элемента

JoeUser — Mon, 27 Apr 2020 18:11:51 +0000

JoeUser: ViGOur, выкинь всю страницу HTML+CSS. Ниче не обещаю, но так глядеть проще.

Задать размеры всплывающего дочернего элемента

ViGOur — Mon, 27 Apr 2020 17:56:22 +0000

ViGOur: На данный момент пока только 1 вариант решения проблемы, jQuery, но вот интересно, всё же есть вариант как это решить с помощью CSS?

Задать размеры всплывающего дочернего элемента

ViGOur — Mon, 27 Apr 2020 13:49:55 +0000

ViGOur: Есть примерно такой код на странице:

<div>

</div>

</li>

...

<ul>

</div>

</div>

используется bootstrap.
Чтобы было понятно, это реализация меню.

При наведении на li.tt-item становится активными дочерние DIV'ы, как сделать так, чтобы они заняли максимум

???
Другими словами задать width в зависимости от ширины col-sm-8, а height в зависимости от наполненности...
Если поняли о чем речь!