为什么django会在我的html文件中插入填充和字符?

时间:2016-10-12 09:56:39

标签: html css django

在过去的几天里,我一直在尝试使用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;问题,如果存在,请随时指导我。

由于

1 个答案:

答案 0 :(得分:4)

因为你有那条线

<<div id="content"></div>

加倍<个字符,这是错误的。