Question

这段代码正确执行：

<!-- <!DOCTYPE html> -->
<html>
<head>
<style>
#banner
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 48px;
background: black;
color: white;
font-size: 24px;
text-align: center;
}

#mainTitle
{
position: fixed;
top:48;
left: 0;
width: 100%;
height: 88px;
font-size: 56px;
text-align: center;
background-color: navajowhite;
text-transform: uppercase;
color: salmon;
}

#myBody
{
height:600px;
background-color: yellow;
}

#mainContainer
{
margin: 120px auto;/**/
width: 975px;
padding: 30px;
background-color: pink;
}
</style>
</head>
<body>
<div id="banner">My Title</div>
<div id="mainTitle">My main title</div>
<div id="mainContainer">
<div id="myBody">Everything here in myBody</div>
</div>
</body>

现在，如果您取消注释，则DOCTYPE声明将不连续地执行（使用Netbeans 8.2或Smultron的“ View”命令）。因此，此行为显然与HTML5标头有关。

这是怎么回事？

注意：很抱歉，这段代码不在Fiddler上。不过，通过使用Netbeans将其粘贴到新文件中并调用“查看”命令来测试“原样”应该非常容易。

与DOCTYPE相关的HTML行为不一致

0 个答案: