Как использовать CSS calc () с высотой элемента

Я изучал способы сделать шестиугольник только с CSS и нашел решение, которое дает мне регулярные шестиугольники на основе ширины:

.hexagon {
  height: 100%;
  width: calc(100% * 0.57735);
  display: inline-block;
}

однако код работает, генерируя новые прямоугольники на основе ширины родительского элемента. Я искал способ рассчитать ширину, основанную на высоте родителя.

есть ли способ использовать свойство height элемента вместо width для calc()? (Я не рассматриваю использование vh С ближайшего родителя не всегда будет видовым окном). Я поискал в гугле и не смог найти ответа.

10
css3 html

1 ответов

Я думаю, вы пытаетесь запустить скрипт в синтаксисе css, который является НЕ ВОЗМОЖНО.

calc () может выполнять базовую математическую операцию с абсолютными значениями, он не может найти высоту элемента, а затем выполнить математику на нем.

Если вы нашли решение, Пожалуйста, дайте мне знать. Это очень помогло бы

Ура!!

23