css 中position定位解决方案

css 中position定位
请看第一个代码

如果把上面的代码改为

以上都是在chrome浏览器的调试图
高手解释为什么出现这种情况，谢谢了。                                css                  html              
[解决办法]
h2.pos_left
{
position:fixed;
left:-20px
}

这个是固定定位 ，属于绝对定位的一种，被固定定位的元素已经脱离了原来的文档流。固定定位 是相对于视窗窗口 定位的，所以 不管浏览器如何滚动，他都在相同位置
[解决办法]
fixed 的包含块是视窗，不属于文档的流。
[解决办法]
引用:
引用:fixed 的包含块是视窗，不属于文档的流。
在“这是位于正常位置的标题”下面两句话的位置倒过来了。


你 把浏览器 窗口 调小  ，出现滚动条 ，就会体会到 固定定位 是什么意思了 
[解决办法]
楼主看下
http://www.w3school.com.cn/css/pr_class_position.asp

生成绝对定位的元素，相对于浏览器窗口进行定位。