너비와 동일 : -moz-Google 크롬에서 사용 가능

Question

Google 크롬에서 중첩 된 div의 사용 가능한 공간을 채우는 다른 방법이 있습니까? 파이어 폭스의 -moz-available은 마진, 패딩 및 스크롤 바를 고려합니다. 사용 가능한 -webkit이 없습니다.

Answer 1

시도해보십시오.

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

Answer 2

-moz-available = 컨테이너 너비 - (여백 + 테두리 + 패딩)이므로 width: intrinsic;을 시도하십시오.

Answer 3

어떨까요?

box-sizing: border-box;