플렉스 상자 내가 교체 할 때 내가 IE 11에서 제대로 유연한 상자를 렌더링 할 수는 없지만

과도 문서 타입의 HTML 4.0와 함께 작동하지 않습니다플렉스 상자 내가 교체 할 때 내가 IE 11에서 제대로 유연한 상자를 렌더링 할 수는 없지만

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

작업 벌금의

<!DOCTYPE html>

에 의해.

누군가 내게 이유를 말해 줄 수 있습니까? 여기 코드 조각이 있습니다 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
    <head> 
     <style> 
      td { 
      background: #eee; 
      border: 1px solid; 
      } 

      .flex-container { 
      display: flex; 
      flex-direction:column; 
      width: 400px; 
      height: 250px; 
      } 

      .flex-item { 
      display:block; 
      } 

      </style> 
    </head> 
    <body> 
     <table> 
      <tr> 
       <td>normal cell</td> 
       <td>normal cell</td> 
      </tr> 
      <!-- my flexibal container--> 
      <tr class="flex-container"> 
       <td class="flex-item">flex item 1</td> 
       <td class="flex-item">flex item 2</td> 
      </tr> 
     </table> 
    </body> 
</html>

출처

2017-05-01 Ben Tayaa

HTML 4.0 doctype은 항상 단점 모드를 트리거합니다. 레거시 Doctype을 사용해야하는 경우 (예 :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

그렇지 않으면, 심각, 단지 새로운 문서 타입에 충실 : 당신은 거의 표준 모드에 의존 할 필요 때문에 HTML 4.01 문서 타입이 아닌 HTML 4.0을 사용합니다.

출처

2017-05-01 11:31:58 BoltClock

도움 주셔서 감사합니다. –

플렉스 상자 내가 교체 할 때 내가 IE 11에서 제대로 유연한 상자를 렌더링 할 수는 없지만

답변

관련 문제