DIV标签可以简单的直接结束掉吗？
程序员文章站
2022-04-26 18:34:10
...
经过上次的计划，我准备用DW做前端，因为是可视化的软件，管理和开发相对来说比较方便和直观，真的不得不赞叹DW的贴心，感觉许多地方处理的都很人性化，用起来特别的爽，不过正当我用默认的FF来浏览我刚用DW开发好的页面的时候，发生了意料之外的事情。
以下是一部分XHTML的代码：
<body id="overview">
<div id="header">
<div id="logo"/>
<div id="slogan"/>
<div id="line"/>
</div>
</body>以下是对应的CSS代码：
#header{
width:1000px;
height:800px;
}
#header #logo{
margin-top:25px;
margin-left:22px;
width:134px;
height:70px;
background-image:url(../images/logo-normal-134x70.png);
display: block;
}
#header #slogan{
margin-top:70px;
width:177px;
height:25px;
background-image:url(../images/slogan-177x25.png);
}
#header #line{
margin-left:22px;
margin-top:23px;
border-top-color:#FFFFFF;
border-top-width:5px;
border-top-style:solid;
}
弄完之后DW显示是完全正确的，可是当我打开默认的FF的时候，确发生了不可思议的事情，DW中显示：
这个明显不满足预期，slogan和logo在我看来应该是两个DIV，怎么会合在了一起？很莫名的错误，后来不知道怎么回事，突发奇想了下，会不会是由于
<div id="logo"/>
这样子的格式造成的，我于是就改为了
<div id="logo"></div>同样此时DW也还是好的，我打开了FF，浏览了下效果，果然神奇般的恢复了：
结论：在写XHTML时，div标签不能直接用<div/>来结束，我知道这只是表象，希望哪位兄台能告诉到底这个的本质原因是什么，小弟不胜感谢。
上一篇： 靶形数独（dfs+剪枝）
下一篇： CSP-M1-C可怕的宇宙射线