Question

<!doctype html>
<html>
    <head>
        <title>NAPL</title>
    </head>

    <body>
        <form id="main" method="post" enctype="text/plain" accept-charset="UTF-8">
            <iframe id="dict" align="right" src="dict.html" width="15%" height="80%"></iframe>
        </form>
    </body>
</html>

刚开始学习HTML。如果我从服务器发出下面的文本并且我省略<!doctype html>那么一切都按预期工作，关于iframe的定位和大小。实际上，如果我把<!docttype html>一切都改变了，我不知道如何以最简单的方式获得相同的先前效果。

Answer 1

如果没有doctype，浏览器会切换到quirks模式。我不知道这些可怕的行为的确切错综复杂，但标准的等效CSS似乎是

body {
  margin: 8px; /* Usually the default value */
}
#dict {
  position: absolute;
  right: 8px;
  width: 15%;
  height: 80%;
}

使用有效

1 个答案: