아이프레임을 사용했습니다.

+SETP 추가 버튼이 짤려서 이렇게 글을 올려 올려 봅니다. 

초보라서 해결 방법이 있으면 소스좀 부탁드리겠습니다. (옆에 스크롤바 도 없어서요 )

<iframe> 태그의 기본 높이(기본값 150px)가 콘텐츠보다 작게 설정되어 있거나, 스크롤바가 숨겨져 있어 아래쪽 콘텐츠(버튼 등)가 잘리는 현상입니다.

화면을 꽉 채우거나 내용에 맞게 스크롤바를 제어하는 주요 속성과 CSS 옵션입니다.

1. 화면 가득 차게 설정 (전체 화면 뷰포트 기준)

브라우저 화면 전체에 iframe을 꽉 채우려면 CSS 스타일(width: 100%, height: 100vh)을 적용하는 것이 가장 확실합니다.

<iframe 
  src="연결할_주소.html" 
  style="width: 100%; height: 100vh; border: none; display: block;">
</iframe>

• width: 100%: 가로폭을 부모 요소 너비에 맞게 100%로 채웁니다.
• height: 100vh: 브라우저 화면(Viewport) 높이의 100%를 차지하도록 합니다.
• border: none: 기본 외곽선(테두리)을 제거해 자연스럽게 연결합니다.

참고: 상위 레이아웃(헤더나 사이드바가 있는 페이지 내부)에 넣는 경우라면 height: 100vh 대신 특정 높이(예: height: 900px; 또는 min-height: 800px;)를 지정해야 하단 여백과 레이아웃이 어긋나지 않습니다.

2. 스크롤바 제어 옵션

콘텐츠가 iframe 높이보다 길 때 스크롤이 생기도록 처리하는 방법입니다.

• CSS 방식 (권장):

  <iframe 
    src="연결할_주소.html" 
    style="width: 100%; height: 800px; overflow: auto; border: none;">
  </iframe>
  

  • overflow: auto;: 내용이 iframe 영역을 넘칠 때만 자동으로 스크롤바가 표시됩니다.
  • overflow: hidden;: 스크롤바를 완전히 숨깁니다 (내용이 잘릴 수 있음).
• HTML 표준 속성 방식 (scrolling - 구형/호환용):

  <iframe src="연결할_주소.html" scrolling="auto" width="100%" height="800"></iframe>
  

  • scrolling="auto": 필요 시 자동 스크롤바 생성 (기본값)
  • scrolling="yes": 스크롤바 항상 표시
  • scrolling="no": 스크롤바 제거

3. 주요 속성(Attribute) 요약

현재 잘려 보이는 페이지의 높이를 수동으로 넉넉하게 맞추려면 우선 style="width: 100%; height: 900px; border: none;" 형태로 높이 픽셀값을 늘려 적용해 보세요.