최소 높이는 본문에서 작동하지 않습니다.

최소 높이는 본문에서 작동하지 않습니다.

---

min-height가 body / html에서 작동하지 않습니까?

body, html
{
    min-height:100%;
}

아무것도 달성하지 못함 (방화범이 본문을보고하고 HTML 태그 높이는 전혀 변경되지 않음)

---

먼저, 아직하지 않았다면 표준에 있도록 doctype을 선언하십시오.

이제 본문은 포함하는 html만큼만 높을 수 있으므로 HTML 태그를 100 % 높이로 설정하고 본문을 최소 높이 100 %로 설정해야합니다. 이것은 Firefox에서 나를 위해 작동합니다.

html {height:100%} 
body {min-height:100%}

---

이것은 하드 코딩 된 높이를 설정하지 않고 크롬 64에서 작동했습니다.

html {
    min-height: 100%;
    display: flex;
}

body {
    flex: 1;
}

---

min-height와 같은 모든 브라우저가 아닙니다. 모든 브라우저를 잡으려면 이와 같은 것을 시도하십시오.

  min-height:100%;
  height:auto !important;
  height:100%;

---

나는 단지 다음으로 문제를 해결했습니다.

body {
    min-height: 100vh;
}

---

html{
  height:100%;
}
body{
  min-height:100%; 
  position:relative;
}

당신은 추가해야합니다

참조 URL : https://stackoverflow.com/questions/3740722/min-height-does-not-work-with-body