两个div后渲染页第二个div嵌套在第一个div

如果我插入两个封闭的空div，我得到一个嵌套在另一个渲染后。两个div后渲染页第二个div嵌套在第一个div

来源：

<html> 
<head></head> 
<body> 
    <div id="up"/> 
    <div id="prop"/> 
</body> 
</html>

渲染：

<html> 
<head></head> 
<body> 
    <div id="up"> 
     <div id="prop"></div> 
    </div> 
</body> 
</html>

但是，当我插入第1块，打开和关闭标签，这是不会发生：

来源：

<html> 
<head></head> 
<body> 
    <div id="up"> </div> 
    <div id="prop"/> 
</body> 
</html>

渲染：

<html> 
<head></head> 
<body> 
    <div id="up"></div> 
    <div id="prop"></div> 
</body> 
</html>

为什么会发生这种情况？

来源

2013-09-16 Georgy Grigoryev

在哪个浏览器中？ –

[可以使用自闭DIV标记吗？]的可能的重复（http://stackoverflow.com/questions/7971716/is-it-ok-to-use-a-self-closing-div-tag）和http://stackoverflow.com/questions/7757523/is-it-allowed-to-have-a-self-closing-div-tag-in-an-html-document – j08691