给多个标签设置绝对定位后，不能正常显示。
来源：13-6 万事无绝对 -层模型之绝对定位
慕粉3391465
2016-06-07 23:05
扩展本节内容来编写新页面，但浏览器不能正常显示：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>
写回答
关注
2回答
-
- 大块吃肉188
- 2016-07-01 15:25:06
题主要是知道怎么回事 记得贴个答案 刚试了一遍 不加div那部分都对 加了以后一下子就乱了
-
- 慕桂英5972836
- 2016-06-08 00:17:19
div需要设置width，如果某一层看不到，可以设置z-index。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225297 学习 · 18230 问题
相似问题