DEMO地址
绝对定位元素虽然脱离文档流了, 但是依然会受到父元素或者祖先元素的overflow
属性的影响。
如上面demo中所示, 子元素是绝对定位的, 并且其宽度是超出了父元素的宽度的, 正常情况下, 超出部分是可以看到的, 但是在给父元素设置overflow-auto
之后, 父元素便会出现滚动条。
o(╯□╰)o 至于原因。。 想不通, 如果说overflow:hidden
使得子元素超出父元素的部分能够隐藏的话, 还能够理解, 但是overflow-x: auto
出现滚动条很明显应该是因为父元素的宽度不够内容宽度,而绝对定位本身是脱离文档流的, 所以不应该会撑开父元素宽度啊。。。。不理解不理解。