파이어 폭스는 어떻게 셀 테이블 안에 스크롤바를 보여줄 수 있습니까?

여기 여전히 파이어 폭스 동작을 강조 가장 최소한의 코드 (크롬과 IE에서 예상대로 스크롤 표시)파이어 폭스는 어떻게 셀 테이블 안에 스크롤바를 보여줄 수 있습니까?

<html> 
 
<body> 
 
<table style="width:100%; height:100%;"> 
 
    <tbody> 
 
     <tr> 
 
      <td   style=" width: 75%; height: 100%; vertical-align: top; background-color: #FFE4C4;"> 
 
       <div  style=" width: 100%; height: 100%; overflow: auto;"> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
        <div> 1 __________________ line </div> 
 
       </div> 
 
      </td> 
 

 
      <td style="background-color: #DEB887;"> <div> . </div> </td> 
 
     </tr> 
 

 
    </tbody> 
 
</table> 
 
</body> 
 
</html>

어떤 힌트 가도 FF에서 작업 한 수? 많은 감사합니다

출처

2016-10-12 basilest

당신이 필요하지 않은 경우에도, 스크롤을 보여주고 싶은 경우는,'오버 플로우를 사용 : 여기

는 작업 바이올린입니다. 왜 스크롤바가 있어야하는지 모르겠다. 크롬 등이 다른 폰트 사이트에서 이것을 표시하면'font-size-adjust'를 시도 할 수 있습니다. – Xufox

감사합니다. @Xufox. 첫 번째 ''에 왜 'height : 10 %;'라고 설정했는지 확인하고 ''을 3 번 또는 4 번 복사하여 붙여 넣으세요. 그런 다음 Chrome 및 FF에서 페이지를 축소하여 이상한 FF 동작을 확인하십시오. – basilest

사용하려는 구조가 원하는대로 잘못되었습니다. 테이블과 테이블 셀의 주요 기능은 내용에 따라 확장되므로 다른 레이아웃 스타일 (예 : 100 % 높이의 상대적인 부모 및 그 안에 절대 배치 된 자식)을 사용하면 최상의 레이아웃이됩니다. 100 % 높이와 overflow:auto입니다.

것은이 말했다, 다음과 같은 것입니다 달성하기 위해 무엇을하려고하는 모든의

A) 먼저 height:100% B에 HTML, 몸을 추가)에 그럴 에 height:100%를 사용) 테이블 C에 table-layout:fixed를 사용하여 d) display:inline-block div를 사용하십시오 (이것은 작동하기 위해서입니다) e) overflow:auto과 함께 절대 배치 된 요소를 사용하십시오. 스크롤,`:;`또는`오버 플로우 - y를 스크롤 : https://jsfiddle.net/Ls6go1g4/

출처

2016-10-12 20:11:44 scooterlord

대단히 감사합니다. 작동합니다. 내일 나는 그 구조가 나오는 거대한 레거시 코드에 이식하려고 노력할 것이다. 불행히도 나는 그 코드에서 내가 원하는 것을 할 수 없다. 그것이 내가 가진 것이고 나는 작업해야합니다. – basilest

다행입니다. – scooterlord

파이어 폭스는 어떻게 셀 테이블 안에 스크롤바를 보여줄 수 있습니까?

답변

관련 문제