父级元素为fixed定位下，子元素绝对定位问题

Question

jsfiddle链接:https://jsfiddle.net/md4ro30u/
疑问一：为什么要在second的CSS中显式的写出overflow:scroll，不写这条属性无法显示所有的first块？
疑问二：在second加上overflow:scroll属性的条件下,third的绝对定位bottom:10px为什么是相对于当前浏览器窗口绝对定位而不是出现在最底部(滑动条拉到最底部)相距10px的位置？

Answer 1

我觉得对于疑惑一的解答应该是：overflow属性的默认值为visible（对溢出内容不做处理，内容可能会超出容器。）由于second你使用fiexed定位，并占满整个窗口，所以即使溢出部分你也看不到。只有加上overflow:auto|scroll之后，如果有溢出才会出现滚动条。

Answer 2

疑问一：overflow:scroll只在块元素指定了固定的高宽才会出现滚动条，见demo：demosecond并没有固定高宽，其大小是靠子元素撑开，所以overflow:scroll对其没有影响。疑问二：third是相对于second定位，而不是当前浏览器窗口。绝对定位的相对元素是最近一个已经定位的父元素，如果没有，则相对于body。absoluteDonotleavespacefortheelement.Instead,positionitataspecifiedpositionrelativetoitsclosestpositionedancestorortothecontainingblock.Absolutelypositionedboxescanhavemargins,theydonotcollapsewithanyothermargins.position