• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Float</title>
7
    <style>
8
        div {
9
            border: 3px solid #73AD21;
10
            padding: 5px;
11
        }
12
        img { float: left; }
13
        #second { clear: left; }
14
        .good { overflow: auto; }
15
    </style>
16
</head>
17
​
18
<body>
19
​
20
    <h1>overflow 속성을 이용한 크기 조정</h1>
21
    <div>이미지와 함께 하고 싶은 내용
22
        <img src="/examples/images/img_flower.png" alt="flower" width="245" height="185">
23
    </div>
24
    <p id="second"><br>overflow 속성값을 auto로 주면 자동으로 컨테이너 요소의 크기도 함께 늘어납니다!</p>
25
    <div class="good">이미지와 함께 하고 싶은 내용
26
        <img src="/examples/images/img_flower.png" alt="flower" width="245" height="185">
27
    </div>
28
​
29
</body>
30
​
31
</html>