时间戳

首页 > 解决方案 > 结束 div 标签附加到错误的 head div 标签

html - 结束 div 标签附加到错误的 head div 标签

问题描述

<div id="header">应该在这里结束，</div> <!-- End of Header Div -->但它却在这里结束</div> <!-- End of notBar Div-->。

我有我的 div 应该以评论结尾的地方。唯一的 div 在它应该到这个 div 的地方结束<div id="mySidebar">。

为什么 div 以错误的</div> 标签结尾？

（如果它的格式很糟糕，我很抱歉。我不经常使用它，所以我的格式和问题可能很糟糕。）

<!DOCTYPE html>
<html>
<head>
<title>Caleb Did This</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="Caleb.css">
</head>
<body>
<div id="header">
<div id="mySidebar">
<a href="javascript:hideMenu()"class="Links" id="close">Close <b>X</b></a>
<a href="" class="Links link">About</a>
<a href="index.html" class="Links link">Home</a>
<a href="" onclick="myAccFunc()" class="Links link">Websites</a>
</div> <!--  End of mySidebar Div  -->
<div id="notBar">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACZSURBVGhD7djBCcJAGETh1QpiKzakxViDYCtpwSKUNKIzh9wW/pziuLwP3jFhQgzCNgAAMLijuqq7eoTlTd7mjaWb+oTnjaWn6l2clDeWhnkjB5X8jVyUNwIAsk3qFJY3bXZWi+r9oyb0Vt5YmlXvBkl5Y2mYB/Fre6neDRLytk0/rdXff+wAgJ/ggG7HOKBLiwM6AACQr7UvP+370u9envwAAAAASUVORK5CYII=" alt="Menu Bar" style="width: 35px; height: 40px;" id="menu" onclick="showMenu()"> 
<center class="center">Caleb Did This</center>
</div> <!-- End of Header Div  -->
<img src="https://cdn.pixabay.com/photo/2016/10/25/12/28/iceland-1768744_960_720.jpg" id="Ice">
<footer>
<p class="pmargin"><span class="gray">Created and designed by</span>
<span class="names">Caleb</span></p>
<p><span class="gray">Lots of help from my uncle</span>
<span class="names">Jonathan</span></p>
<p class="icon"><span class="gray">All Icons were made by</span></p>
<a href="https://icons8.com" class="a"><span class="names">Icons8</span></a>
</footer>
</div> <!-- End of notBar Div-->
<script type="text/javascript" src="Caleb.js">
</script>
</body>
</html>

标签： html

解决方案

看来您的“notBar”div 在您的页脚之后而不是在您的“header”div 中被关闭。尝试这个：

    <div id="header">
    <div id="mySidebar">
        <a href="javascript:hideMenu()"class="Links" id="close">Close <b>X</b></a>
        <a href="" class="Links link">About</a>
        <a href="index.html" class="Links link">Home</a>
        <a href="" onclick="myAccFunc()" class="Links link">Websites</a>
    </div> <!--  End of mySidebar Div  -->
    <div id="notBar">
        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAACZSURBVGhD7djBCcJAGETh1QpiKzakxViDYCtpwSKUNKIzh9wW/pziuLwP3jFhQgzCNgAAMLijuqq7eoTlTd7mjaWb+oTnjaWn6l2clDeWhnkjB5X8jVyUNwIAsk3qFJY3bXZWi+r9oyb0Vt5YmlXvBkl5Y2mYB/Fre6neDRLytk0/rdXff+wAgJ/ggG7HOKBLiwM6AACQr7UvP+370u9envwAAAAASUVORK5CYII=" alt="Menu Bar" style="width: 35px; height: 40px;" id="menu" onclick="showMenu()"> 
        <center class="center">Caleb Did This</center>
    </div> <!-- End of notBar Div-->    
</div> <!-- End of Header Div  -->

<img src="https://cdn.pixabay.com/photo/2016/10/25/12/28/iceland-1768744_960_720.jpg" id="Ice">
<footer>

    <p class="pmargin"><span class="gray">Created and designed by</span> <span class="names">Caleb</span></p>
    <p><span class="gray">Lots of help from my uncle</span> <span class="names">Jonathan</span></p>
    <p class="icon"><span class="gray">All Icons were made by</span></p> <a href="https://icons8.com" class="a"><span class="names">Icons8</span></a>

</footer>

推荐阅读