오버플로우:스크롤/에 <td>

Question

왜 CSS 시설 overflow:scroll; 에서 작동하지 않습 <td>, 동 overflow:hidden; 이 잘 되었나요?

<table border="1" style="table-layout:fixed; width:100px">
  <tr>
    <td style="overflow:scroll; width:50px;">10000000000000000000000000000000000</td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

에서 CSS 로 사양^1,2, 에,나는 이유를 볼 수 없습니다.

Answer 1

나는 뭔가 여기에서!

앤드류 Fedoniouk 썼다:

이것은 실제로는 나의 질문:"하나는 기술적 이유는 오버플로 속성이 적용되지 않습 테이블이 있습니다." 는데,그 이유는 무엇입니까?어떤 이유는?

내가 전문가는,그러나 나는 이것을 믿는 것입 그냥 이전 버전과의 호환성을 위해 기존 표 동작입니다.확인할 수 있습니다 "automatic"레이아웃 테이블 알고리즘에 사용할 것을 권장합니다.나는 꽤 는 이 레이아웃 알고리즘 와 호환되지 않 오버플로우 산(또는 더 정확하게 레이아웃 알고리즘이지에서 결과 필요한 모든 값의 오버플로우 를 제외하고'visible').

네이 왜 나는 구하고 있습니다.처럼 보인다 거기에 공식적인 이유 왜 또는지 스크롤하지만처럼 보인다 UA 업체에 도달 어떤 협정 지역에 있습니다.그래서 질문입니다.

스펙에 동의와 관련하여 당신 하는 요소입니다.테이블 세포는 야를 존중하는 오버플로 있지만, Mozilla,적어도 나타나지 니다.난 당신의 질문에 대답에 이스턴스,하지만 나는 아직도 대답을 추측이 있음을 아직도 레거시 렌더링을 수행합니다.

이 main 스레드가 여기에.

Answer 2

당신은 그것을 div로 랩핑해야합니다.

<table border="1" style="table-layout:fixed; width:500px">
  <tr>
    <td style="width:100px;"><div style="overflow:scroll; width:100%">10000000000000000000000000000000000</div></td>
    <td>200</td>
    <td>300</td>
  </tr>
</table>

Answer 3

먼저 원하는 높이를 TD에 제공 한 다음 "float : left"속성을 각각의 "TD"에 적용하십시오.