디스플레이 : 표 셀 플로팅 DIV 높이가 Chrome에서만 작동하는 100 %로 확장 됨

Question

나는 이전에 질문을했는데 좋은 결과를 얻었습니다. 질문에 대한 링크는 here입니다. 기본적으로 플로팅 DIV가 부모 DIV의 콘텐츠가 플로팅 DIV보다 클 때 상위 DIV의 100 %로 확장시키는 방법을 묻고있었습니다.

내가 (디스플레이 : 표 및 디스플레이 : 부모와 DIV의 테이블 셀을 각각 사용하여) 허용 한 대답은 Chrome에서 정상적으로 작동하지만 Firefox 및 Safari에서 전혀 작동하지 않는다는 것을 발견했습니다.

이 문제를 해결하기 위해 내가 뭘 할 수 있는지 알 수 있습니까?

미리 감사드립니다.

Answer 1

당신이 지금 가지고있는 코드가 허용 대답에 완전히 동일하지 않다는 오프 기회에

div { display: table} 
div > div { display: table-row} 
div > div > div { display: table-cell}