时间戳

首页 > 解决方案 > 使用 height 属性设置 IFrame 高度，忽略 CSS 规则

html - 使用 height 属性设置 IFrame 高度，忽略 CSS 规则

问题描述

有谁知道为什么 IFrame 在指定 css 规则后不会使用 height 属性？在以下示例中，没有一个 IFrame 的高度为 500 像素。

<html>
<head>
    <style>
        * {
            box-sizing: border-box;
        }

        iframe {
            height: 200px;
        }

        iframe.auto {
            height: auto;
        }

        iframe.inherit {
            height: inherit;
        }

        iframe.initial {
            height: initial;
        }

        iframe.revert {
            height: revert;
        }

        iframe.unset {
            height: unset;
        }
    </style>
</head>
<body>
    <iframe height="500"></iframe>
    <iframe class="auto" height="500"></iframe>
    <iframe class="inherit" height="500"></iframe>
    <iframe class="initial" height="500"></iframe>
    <iframe class="revert" height="500"></iframe>
    <iframe class="unset" height="500"></iframe>
</body>
</html>

标签： htmlcssiframe

解决方案

在 html 样式属性中height（非常旧的时尚，除非编写电子邮件代码）您不能使用“px”。默认情况下它总是“px”，不能是其他任何东西。只需添加height="500" 更多信息

推荐阅读