求高手指点，这段CSS代码为什么会如此，固定定位里面嵌套绝对定位而已
<html><head><styletype="text/css">h2.pos_abs{position:absolute;left:50px;top:50px}</s...
<html>
<head>
<style type="text/css">
h2.pos_abs
{
position:absolute;
left:50px;
top:50px
}
</style>
</head>
<body>
<div style="position:fixed; top:20px;">
<h2 class="pos_abs">这是带有绝对定位的标题</h2>
</div>
</body>
</html>
//大家可以变成html试试看效果 展开
<head>
<style type="text/css">
h2.pos_abs
{
position:absolute;
left:50px;
top:50px
}
</style>
</head>
<body>
<div style="position:fixed; top:20px;">
<h2 class="pos_abs">这是带有绝对定位的标题</h2>
</div>
</body>
</html>
//大家可以变成html试试看效果 展开
3个回答
展开全部
不是很清楚你的问题，望下面对你有所帮助
position位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 “left”、”top”、”right” 以及”bottom” 属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于 IE7（strict 模式）。
position位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 “left”、”top”、”right” 以及”bottom” 属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于 IE7（strict 模式）。
追问
额，这我知道。问题是显示成竖排了？ 很奇怪，找不到原因
追答
因为你div 定义了position 属性，宽度变得不可预期，各个浏览器都可能不一样，你设置个宽度就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你应该是想问文字为什么是竖排吧。
其实是因为你的标签问题，你把h2标签换成div就可以了！定位是相对与块来说的！
或者你在h2标签外加上一对div标签，但是注意class=“pos_abs”一定要放到新加的div标签中，不然还是这样的效果！你试试看！
其实是因为你的标签问题，你把h2标签换成div就可以了！定位是相对与块来说的！
或者你在h2标签外加上一对div标签，但是注意class=“pos_abs”一定要放到新加的div标签中，不然还是这样的效果！你试试看！
追问
没有变啊，还是那样的。是不是你把h2改成div标签，
忘记把上面的style标签h2.pos_abs 改成.pos_abs了。
追答
本来想给你粘上代码的，因为发的时候出了点问题。所以就是纯文字叙述了。没有说清楚不好意思啊。
我再稍微说明一下吧。只有两步。
h2.pos_abs要改成.pos_abs（这个昨天漏掉了，真是失误）
定位是相对于块的，所以h2标签改为div是没错的。
因为你这里的h2外有一对div 所以可以直接把h2中的class=“pos_abs”放倒前面的div中即可。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
