关于overflow-x的一点小东西

DEMO地址

绝对定位元素虽然脱离文档流了, 但是依然会受到父元素或者祖先元素的overflow属性的影响。

如上面demo中所示, 子元素是绝对定位的, 并且其宽度是超出了父元素的宽度的, 正常情况下, 超出部分是可以看到的, 但是在给父元素设置overflow-auto之后, 父元素便会出现滚动条。

o(╯□╰)o 至于原因。。 想不通, 如果说overflow:hidden使得子元素超出父元素的部分能够隐藏的话, 还能够理解, 但是overflow-x: auto出现滚动条很明显应该是因为父元素的宽度不够内容宽度,而绝对定位本身是脱离文档流的, 所以不应该会撑开父元素宽度啊。。。。不理解不理解。