jsfiddle链接:https://jsfiddle.net/md4ro30u/
疑问一:为什么要在second的CSS中显式的写出overflow:scroll,不写这条属性无法显示所有的first块?
疑问二:在second加上overflow:scroll属性的条件下,third的绝对定位bottom:10px为什么是相对于当前浏览器窗口绝对定位而不是出现在最底部(滑动条拉到最底部)相距10px的位置?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
我觉得对于疑惑一的解答应该是:
由于
second
你使用fiexed
定位,并占满整个窗口,所以即使溢出部分你也看不到。只有加上overflow:auto|scroll
之后,如果有溢出才会出现滚动条。疑问一:
overflow:scroll
只在块元素指定了固定的高宽才会出现滚动条,见demo:demosecond
并没有固定高宽,其大小是靠子元素撑开,所以overflow:scroll
对其没有影响。疑问二:
third
是相对于second
定位,而不是当前浏览器窗口。绝对定位的相对元素是最近一个已经定位的父元素,如果没有,则相对于body
。position