Эквивалент ширины: -moz-доступен в Google Chrome

Есть ли альтернативный способ заполнить доступное пространство вложенных div в Google Chrome? Firefox -moz-available делает именно это, но учитывает поля, прокладки и полосы прокрутки. Однако нет -webkit-доступного.

Ответ 1

Попробуй это.

elem {
  width: 100%;
  width: -moz-available;          /* For Mozzila */
  width: -webkit-fill-available;  /* For Chrome */
  width: stretch;                 /* Unprefixed */
}

Ответ 2

Как насчет этого?

box-sizing: border-box;

Ответ 3

-moz-available= ширина контейнера - (margin + border + padding), попробуйте width: intrinsic;.