max 함수

max 함수는 전달된 값 중 최대값을 선택할 수 있게 합니다. 이 함수는 매개변수로 쉼표로 구분된 두 개 이상의 값을 받아들이고, 그중 가장 큰 값을 반환합니다.

구문

css선택자 {
  속성: max(값1, 값2);
}

예제

이제 블록의 너비는 300px 또는 부모 요소의 50% 중 더 큰 값이 됩니다:

html<div id="parent">
  <div id="child"></div>
</div>

css#child {
  width: max(300px, 50%);
  height: 100px;
  margin: 0 auto;
  border: 1px solid red;
}
#parent {
  border: 1px solid green;
}

Результат:

참고 항목