[CSS] 아이프레임(iframe) 안에 스크롤 활용방법

아이프레임안에 테이블을 목록 페이지를 구성하려고 하는데 아래와 같이 코딩을 했는데요.

iframe에 scrolling을 주지 않으면 아무리 안에있는 페이지에 overflow 설정을 해줘도 스크롤 자체가 나오지 않더군요.

[A페이지]

<iframe src="B페이지" frameborder="0" runat="server" scrolling="yes" style="width: 100%;"></iframe>

 

[B페이지]
<div style="width:100%;overflow-y:auto;white-space:pre;background-color:#FFFFFF;">
      <table>
      어쩌구 저쩌구 내용들.

      </table>

</div> 

위와 같이 가로는 내용이 많으니 스크롤 생기는 것에 대해 이해하는데 세로의 경우 스크롤이 생길 이유가 없는데 고정된 상태로 항상 나타나는데..

이런 경우에 auto 인데도 나오는 이유가 무엇일까요?

height 때문인가 해서 모두 지웠는데도 마찬가지 고정된 스크롤이 나오네요...

 

고수님들의 조언 부탁합니다.

------------------------------------------------------------------------------

아래와 같이 iframe에 스크롤 삭제하면 해결됨.

<iframe src="B페이지" frameborder="0" runat="server" style="width: 100%;"></iframe>