max 함수
max 함수는 전달된 값 중 최대값을
선택할 수 있게 합니다. 이 함수는 매개변수로
쉼표로 구분된 두 개 이상의 값을 받아들이고,
그중 가장 큰 값을 반환합니다.
구문
선택자 {
속성: max(값1, 값2);
}
예제
이제 블록의 너비는 300px 또는 부모 요소의
50% 중 더 큰 값이 됩니다:
<div id="parent">
<div id="child"></div>
</div>
#child {
width: max(300px, 50%);
height: 100px;
margin: 0 auto;
border: 1px solid red;
}
#parent {
border: 1px solid green;
}
:
