给多个标签设置绝对定位后，不能正常显示。
扩展本节内容来编写新页面，但浏览器不能正常显示：div块显示不出来，而且标题和段落的文字都竖直排列了。
将<p>的定位删除掉，就能正常显示。
求解~
出错的代码如下：
<html>
<head>
<style type="text/css">
div {background-color:blue;
height:200px;
position:absolute;
top:20px;}
h2.pos
{
position:absolute;
left:100px;
top:100px;
color:purple;
}
#new {color:gray;
position:absolute;
top:10px;}
</style>
</head>
<body>
<div>
<h2 class="pos">改变位置的div会重新生成。</h2>
<p id="new">通过绝对定位，元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px，距离页面顶部 150px。</p>
</div>
</body>
</html>
