<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<h3>스타일을 사용한 테이블/레이어 크기 고정 : overflow 속성 사용</h3>
<div style="border: 1px solid red; width: 200px; height: 100px; padding: 15 15 15 15;
color: #000000; overflow: hidden;">
<nobr>스타일시트에 의해서 좌우로 밀리지 않습니다.</nobr><br />
크기 고정이 가능..<br />
</div>
<hr />
<div style="border: 1px solid red; width: 200px; height: 100px; padding: 15 15 15 15;
color: #000000; overflow: scroll;">
옆에보시면 스크롤바가 붙지요...<br />
제 홈페이지 메인페이지 앞에 공지사항 띄우는것도<br />
이 방법을 사용하지요...크기 고정이 가능..<br />
</div>
<hr />
<div style="border: 1px solid red; width: 200px; height: 100px; padding: 15 15 15 15;
color: #000000; overflow: auto;">
옆에보시면 스크롤바가 붙지요...<br />
제 홈페이지 메인페이지 앞에 공지사항 띄우는것도<br />
이 방법을 사용하지요...크기 고정이 가능..<br />
</div>
</body>
</html>