자녀가 아닌 부모의 100%로 div를 렌더링하는 방법

StackOverflow https://stackoverflow.com/questions/1014928

  •  06-07-2019
  •  | 
  •  

문제

테이블 셀 내에 스크롤 가능한 패널을 만들려고합니다.

내가 원하는 것은 div가 테이블 셀만큼 넓고 내용의 스크롤 바를 렌더링하는 것입니다.

다음을 시도 할 때 DIV는 셀이 아닌 포함 된 SPAN 태그의 100%로 너비를 설정합니다.

<table cellpadding="3" width="90%" align="center" border="0">
  <tr>
    <td>
       <div style="border: solid 1px red; height: 10px; width: 100%; overflow: auto;">
          <span style="width: 2000px;">a</span>
       </div>
    </td>
  </tr>
</table>

나는 그 너비 = 100%가 아이가 아닌 부모에게 크기를 심어야한다는 인상을 받았습니까?

어떤 아이디어?

도움이 되었습니까?

해결책

빈 테이블 셀은 너비가없고, 스팬은 셀의 너비를 강요하는 스팬입니다. 그렇기 때문에 DIV 폭이 셀 폭과 동일합니다.

다른 팁

테이블 대신 포함 된 DIV 내에서 시도해 보았고 잘 작동합니다.

내부 스팬 너비로 인해 TD 너비가 2000px가 발생한다고 가정합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top