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

Test
父元素显示的高度已经是零了,为什么还能撑出滚动条。问题一:可以实现父元素高度被子元素撑开吗?问题二:浏览器这种被绝对定位的元素撑出现滚动条的效果怎么实现的?
收到一只叮咚
浏览 372回答 2
2回答

UYOU

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

Smart猫小萌

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

相关分类

JavaScript