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

Program / 글쓴이

누구든지 내가 최신 브라우저에서 최소 높이 작업을 할 수 있다는 것을 알고 있습니까? 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. 테이블 높이 = 최소 높이에서와 같이 자동 범위 기능을 고려합니다.

답변

Firefox 용 솔루션

최소 높이 설정을 잠금 해제하려면 높이 추가

div {
    display: table;
    width: 100%;
    height: 0;
    min-height: 100px;
}

높이의 숫자는 예상대로 작동하도록하기 위해 최소 높이보다 작거나 같은 다른 실제 값일 수 있습니다.

답변