在过去的几天里,我一直在尝试使用Django。我有一些随机字符的问题(特别是'<')以及我在html文件中出现的填充内容。
我决定忽略使用Django并用html / css重写一个测试模板。它工作得很好,我认为这可能是我的HTML / CSS中的一个错误,直到我重新放入Django模板代码。现在,即使我已经删除了Django代码并将文件移到了项目的根目录,问题仍然存在。我无法理解为什么会发生这种情况,并且错误会出现在Firefox,Chrome甚至是IE中。源代码在这些浏览器中看起来很正常,but right click -> inspect in Google Chrome shows there's something not right.
这是HTML:
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="main.css" />
<html>
<head>
<title></title>
<meta charset="utf-8" />
</head>
<body>
<div id="container">
<div id="header">
<div class="nav">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
</div>
</div>
<<div id="content"></div>
<div id="footer"></div>
</div>
</body>
</html>
CSS:
body {
margin:0;
padding:0;
height:100%;
}
#container {
min-height:100%;
position:relative;
width:50%;
margin:0% 25% 0% 25%;
}
#header {
height:150px;
background:#7e9bc9;
padding-bottom:10px;
}
#content {
padding-bottom:100px;
}
#footer {
background:#b4c8e8;
width:100%;
height:100px;
position:absolute;
bottom:0;
left:0;
}
.nav {
height:30px;
width:100%;
position:relative;
bottom:-130px;
}
.nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.nav li {
display:inline;
float:left;
height:30px;
width:20%;
}
.nav li a {
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size:15px;
display: block;
padding: 8px;
background-color:#093275;
text-align:center;
font-size:15px;
color:white;
text-decoration: none;
}
毋庸置疑,我无法找到搜索Google或stackexchange的类似问题。也许我并没有问过“正确的”#39;问题,如果存在,请随时指导我。
由于
答案 0 :(得分:4)
因为你有那条线
<<div id="content"></div>
加倍<
个字符,这是错误的。