<STYLE type=text/css>
 DIV {         
      border: solid 1px red;     
      color: #000000;
      font-weight: bold;           
      background-color: #ecdede; 
      overflow: scroll;
    }
 DIV.area1 {
            position: absolute;
            top: 300px;
            left: 350px;     
            height : 110px;
            width : 160px;   
            overflow: visible;
          }
 DIV.area2 {
            position: absolute;
            top: 300px;
            left: 550px;     
            height : 110px;
            width : 160px;   
            overflow: scroll;
            }
</STYLE>

<DIV class=area1>CSS를 이용하여 특정 영역을 만들 수 있다. CSS는 재미있다. </DIV>
<DIV class=area2>CSS를 이용하여 특정 영역을 만들 수 있다. CSS는 재미있다. </DIV><XMP></XMP>
<STYLE type=text/css>
 DIV {         
      border: solid 1px red;     
      color: #000000;
      font-weight: bold;           
      background-color: #ecdede; 
      overflow: scroll;
    }
 DIV.area1 {
            position: absolute;
            top: 300px;
            left: 350px;     
            height : 110px;
            width : 160px;   
            overflow: visible;
          }
 DIV.area2 {
            position: absolute;
            top: 300px;
            left: 550px;     
            height : 110px;
            width : 160px;   
            overflow: scroll;
            }
</STYLE>

<DIV class=area1>CSS를 이용하여 특정 영역을 만들 수 있다. CSS는 재미있다. </DIV>
<DIV class=area2>CSS를 이용하여 특정 영역을 만들 수 있다. CSS는 재미있다. </DIV>