Css <；！DOCTYPE html>；标记导致奇怪的html行为
我刚刚开始构建一个cms，我甚至还没有开始服务器端脚本编写，但每次我在html中声明doctype标记时，我都会注意到一些关于我的html标记的东西。整个html和body标记总是被缩短。这是一个屏幕截图。我检查了我的css和html是否有任何错误，但我找不到任何错误。最初我使用firefox来运行我的页面，我甚至切换到了chrome，但仍然出现了错误。我甚至试着在windows系统上用wamp运行它（我正在使用linux），但错误仍然存在。我已经尝试了所有我能尝试的方法，但它们都不起作用…请给我一些建议。谢谢 这是正常的文件 这是包含doctype的html文件Css <；！DOCTYPE html>；标记导致奇怪的html行为,css,html,Css,Html,我刚刚开始构建一个cms，我甚至还没有开始服务器端脚本编写，但每次我在html中声明doctype标记时，我都会注意到一些关于我的html标记的东西。整个html和body标记总是被缩短。这是一个屏幕截图。我检查了我的css和html是否有任何错误，但我找不到任何错误。最初我使用firefox来运行我的页面，我甚至切换到了chrome，但仍然出现了错误。我甚至试着在windows系统上用wamp运行它（我正在使用linux），但错误仍然存在。我已经尝试了所有我能尝试的方法，但它们都不起作用…请给
<!DOCTYPE html>
<html lang="en">
<head>
<title>Welcome to quick score</title>
<link rel = "stylesheet" href = "style.css" />
</head>
<body>
<div id = "top_bar"><p>Home</p></div>
<div id = "two">
<p>Database connection was succesful</p>
</div>
<div id = "one">
<ul>
<li><a href="#"><img src = "images/sidebar/dashboard.png" /> Dashboard</a></li>
<li><a href="#"><img src = "images/sidebar/attendance.png" /> Attendance sheet </a></li>
<li><a href="#"><img src = "images/sidebar/grades.png" /> Grades</a></li>
<li><a href="#"><img src = "images/sidebar/students.png" /> Students</a></li>
</ul>
</div>
</body>
</html>
对于兼容HTML5的浏览器和跟踪web发展的好方法，请保留doctype 您是否尝试添加：
html, body{
width:100%;
height:100%;
}
边框正文*{box-sizing: border-box;}
如果没有doctype，大多数浏览器将以怪癖模式呈现页面。对于doctype，使用严格模式。另外，
body*{box-sizing: border-box;}