CSS 표시 : 표 최소 높이가 작동하지 않음

CSS 표시 : 표 최소 높이가 작동하지 않음

---

누구든지 내가 최신 브라우저에서 최소 높이 작업을 할 수 있다는 것을 알고 있습니까? CSS 테이블을 사용하고 있는데 최소 높이를 무시하는 것 같습니다.

<div style="background-color: red; display: table; min-height: 100px;">
abc
</div>

깡깡이

---

테이블을 사용할 때 테이블이 항상 늘어나 기 때문에 높이는 기본적으로 최소 높이입니다. "min-"을 제거하면 예상대로 작동합니다.

---

height: 1px;테이블 또는 모든 값에 사용하십시오 . 기본적으로 테이블이 min-height. min-height파이어 폭스의 테이블 에서만 작동하지 않습니다.

---

사용 때마다 display:table;또는 같은 어떤 깊은 속성은 display:table-cell;사용을 고려 height대신 min-height. 테이블 높이 = 최소 높이에서와 같이 자동 범위 기능을 고려합니다.

참고 URL : https://stackoverflow.com/questions/7790222/css-display-table-min-height-not-working