Динамическая настройка CSS

Question

Итак, я просматриваю этот сайт: http://www.grittirollo.it/, и кажется, что содержимое, которое открывается, имеет фиксированную высоту. Нет ли способа установить это динамически?

Answer 1

Похоже, что разработчик оценил, насколько высока каждая часть модели блока слайдеров при визуализации, а затем умножить ее на количество строк. Оттуда он установил его вручную в CSS.

Answer 2

Элементы на веб-странице обычно можно измерить с помощью свойства scrollHeight JavaScript (element.scrollHeight), однако некоторые браузеры этого не имеют, а некоторые браузеры делают это иначе, чем другие. (Я считаю, что Firefox нужно сделать рекурсивно по дереву элементов, а Safari просто использует самый внешний элемент.) Это должно быть возможно без ручной установки высоты с помощью JavaScript, вам просто придется условно закодировать его для работы со всеми браузеры, которые вы хотите поддержать.

Answer 3

Не понимаю, почему это необходимо установить динамически. Если материал float:left;, и они помещают <div class="clear"> в нижней части секции с скрытым доступом, вы сможете увидеть содержимое этого раздела, когда оно было скрыто с помощью JavaScript. Затем вы можете настроить макет с заполнением и разметкой, чтобы он выглядел красиво.

Или они могли бы также использовать position:relative; и position:absolute; для размещения скрытых секций. Это зависит от предпочтений.