테이블에 스크롤 만들기

테이블 스크롤 만들때는 div 를 사용합니다.

<div style="width:100%;height:100px; overflow:auto;">
  <table border="0"  width="99%" cellspacing="1">
      <tr>
          <td> 스크롤 예제 </td>
      </tr>
   </table>
</div>

 div에서 잡아논 크기만큼을 넘어갈 경우 스크롤바가 생성

  - 스크롤을 표시하지 않을 경우  : overflow:hidden

  - 항상 스크롤을 표시할 경우 : overflow:scroll

  - 자동으로 스크롤이 보이거나 안보이게 할 경우 : overflow:auto

  - 가로 스크롤 없애는 속성 : overflow-x:hidden

  - 세로 스크롤 없애는 속성 : overflow-y:hidden