2017-05-01 13 views
0

では動作しません。フレックスボックス私はIE 11に適切に柔軟ボックスをレンダリングすることはできませんが、私は交換するときのDOCTYPE HTML 4.0過渡

誰かが私にその理由を教えてもらえますか?

<!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> 

答えて

3

HTML 4.0のdoctypeは常にquirksモードを起動します。従来のDoctypeを使用する必要がある場合、たとえば

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

は、そうでない場合は、真剣に、ちょうど新しいDOCTYPEに固執:あなたはほぼ標準モードに依存する必要があるため、HTML 4.01 DOCTYPEではなく、HTML 4.0いずれかを使用します。

+0

ご協力いただきありがとうございます –

関連する問題