CSS 中 overflow 属性的两个分属性 overflow-x 和 overflow-y 互相影响问题

修改 CSS3 中的 overflow-x 属性，会影响同一元素的 overflow-y 属性。

举例：

<div class="relative overflow-y-scroll overflow-x-visible"><div class="static ...">static element</div><!-- more static elements ?--><div class="absolute top-[0] right-[-25px] ...">absolute element</div>
</div>

在该例子中，需求子元素 div.absolute 游离于父元素外的固定位置，且不影响 div.static 的文档流滚动。但即使父元素的 overflow-x 属性被指定为 visible，计算时也仍然会被指定为 auto，导致父元素会被子元素撑开，无法达到预期效果。

解决方式是在父元素和 div.static 之间加一级嵌套，将滚动相关逻辑加入到中间层。如下。

<div class="relative"><div class="overflow-y-scroll"><div class="static ...">static element</div><!-- more static elements ?--></div><div class="absolute top-[0] right-[-25px] ...">absolute element</div>
</div>