Высота CSS устанавливается динамически

Question

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

Answer 1

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

Answer 2

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

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

Answer 3

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