하드 코딩 높이가없는 외부 필드 세트로 테이블을 유지하는 방법

Question

내 HTML 페이지에는 필드 세트가 있고 그 div 안에는 테이블을 렌더링 중입니다. 이 테이블은 단지 1 행 또는 1000 행을 가질 수 있습니다.

외부 사업부의 높이가 75 %이며 나는 테이블을 통과하려고하지 않습니다.

HTML 코드는 내가 설정 외부 필드 내에서이 테이블을 유지하고자하지만 필드 설정을 통해 과거를 렌더링 지금이

<fieldset> 
    <div>Some text and some HTML Elements </div> 
    <<h4>Field Permissions </h4> 
    <table class="mytable"> 
     // Dynamically populate rows. Number of rows can be 1 or 100 or 1000 
    </table> 
</fieldset> 

것 같습니다.

첨부 된 이미지에서 빨간색 테두리가있는 DOM 요소는 표이고 파란색 테두리는 외부 필드 집합입니다.

.mytable{ 
    font-size: 12px; 
    margin: 10px; 
    width: 95%; 
    border-spacing: 5px; 
    text-align: center; 
    position: absolute; 
    height: 100%; 
} 

fieldset { 
    margin: 0; 
    font-size: 12px; 
    overflow-y: auto; 
    overflow-x: auto; 
    width: 100%; 
    height: 100%; 
} 

Answer 1

Ahh wait. 내가 'position : absolute'를 제거하면 작동합니다. 도움을 주셔서 감사합니다.

Answer 2

를 추가해보십시오 오버 플로우 :

이 내 CSS입니다 자동; 필드 세트에

fieldset{ 
    overflow:auto; 
}