Edit in JSFiddle

Result
CSS
HTML

div {
  height: 100px;
  width: 250px;
  border: 1px solid #87cefa;
  margin-right: 20px;
  margin-bottom: 70px;
  float: left;
}

.ex1 {
  overflow: visible;
}

.ex2 {
  overflow: hidden;
}

.ex3 {
  overflow: scroll;
}

.ex4 {
  overflow: auto;
}

<!DOCTYPE html>
<html lang="ko">
  <head></head>
  <body>
    <div class="ex1">
      overflow: <b>visible</b>;<br> overflow는 블록요소의 내용이 요소를 벗어나는 경우로서, overflow 속성을 사용해서 처리 방법을 지정하는 것으로, overflow-x, overflow-y 속성을 한번에 지정한다.
    </div>
    <div class="ex2">
      overflow:<b> hidden</b>;<br> overflow는 블록요소의 내용이 요소를 벗어나는 경우로서, overflow 속성을 사용해서 처리 방법을 지정하는 것으로, overflow-x, overflow-y 속성을 한번에 지정한다.
    </div>
    <div class="ex3">
      overflow: <b>scroll</b>;<br> overflow는 블록요소의 내용이 요소를 벗어나는 경우로서, overflow 속성을 사용해서 처리 방법을 지정하는 것으로, overflow-x, overflow-y 속성을 한번에 지정한다.
    </div>
    <div class="ex4">
      overflow: <b>auto</b>;<br> overflow는 블록요소의 내용이 요소를 벗어나는 경우로서, overflow 속성을 사용해서 처리 방법을 지정하는 것으로, overflow-x, overflow-y 속성을 한번에 지정한다.
    </div>
  </body>
</html>