文章/答案/技术大牛

发布

社区首页 >问答首页 >Flex box不能与doctype HTML 4.0 Transitional一起使用

问Flex box不能与doctype HTML 4.0 Transitional一起使用
EN

Stack Overflow用户

提问于 2017-05-01 19:24:03

回答 1查看 487关注 0票数 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>

html

css

flexbox

doctype

回答 1

Stack Overflow用户

发布于 2017-05-01 19:31:58

HTML4.0文档类型总是会触发quirks模式。如果您必须使用传统文档类型，例如，因为您需要依赖于几乎标准模式，请使用HTML 4.01文档类型，而不是HTML 4.0文档类型：

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

否则，说真的，请坚持使用新的doctype。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43718323

复制

相似问题

问Flex box不能与doctype HTML 4.0 Transitional一起使用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flex box不能与doctype HTML 4.0 Transitional一起使用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Flex box不能与doctype HTML 4.0 Transitional一起使用
EN