求大佬指点哈！为什么绝对定位的元素脱离了文档流，还能撑出滚动条万分感谢

Question

Test.abs-par{position:absolute;width:100%;left:0;top:0;}.abs-son{position:absolute;right:0;top:0;width:200px;height:1000px;border:3pxsolidgold;}父元素显示的高度已经是零了，为什么还能撑出滚动条。问题一：可以实现父元素高度被子元素撑开吗？问题二：浏览器这种被绝对定位的元素撑出现滚动条的效果怎么实现的？

Answer 1

滚动一般来说可以表示为窗口滚动window，全局文档滚动documentElement，局部元素滚动Element。你虽然脱离了文档流，但是你还在窗口内啊，还是会引起滚动。
还有，个人觉得文档流是解释盒子模型元素布局排列的，跟滚动其实没有强关联关系。
                            

Answer 2

虽然概念上讲脱离文档流脱离文档流，但实际上，并不是说他就不在浏览器里了，他在，只是位置嘛，看你怎么写。
简单来说，可以理解成用一个全景模式拍清明上河图，absolute元素相当于在画上贴贴纸。
你用一个375x812的屏幕去看一个实际长度6000x812的图，可不得拉镜头嘛。
现在你说，哎呀我想在桥那里再贴个电视机，电视机的右上角再贴个超大的邓伦浏览器说，行，你要贴多大的贴纸？你说，电视机高么100%，宽嘛，随便啦，邓伦要贴个大的，1000x200好啦。浏览器心想，咿呀嘿那我咋知道你要多大的电视机啊，算了，做个标记吧。
然后浏览器顺手把邓伦贴在了标记的右上角。
这时候你还是在拍，拍到邓伦贴纸了，但是你取景框就只有375啊，所以你看不全邓伦，只能再往右边拉才能把邓伦看全