• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Dimension</title>
7
    <style>
8
        div.width {
9
            width: 500px;
10
            border: 2px solid #DAA520;
11
        }
12
        div.maxWidth {
13
            max-width: 500px;
14
            border: 2px solid #CD5C5C;
15
        }
16
    </style>
17
</head>
18
​
19
<body>
20
​
21
    <h1>max-width 속성</h1>
22
    <div class="width">이 div 요소는 width 속성을 500px로 설정했습니다.</div><br>
23
    <div class="maxWidth">이 div 요소는 max-width 속성을 500px로 설정했습니다.</div>
24
    <p>웹 브라우저의 크기를 줄여서 두 div 요소의 차이를 알아보세요!</p>
25
​
26
</body>
27
​
28
</html>