你会如何解这个下拉式选单样式问题呢？

今日工作维护到一个陈年组件，它是一个按钮并且点击后会延伸出一个行动清单，由于历史因素它的宽高只能是写死的尺寸，目标是替清单展开时加上阴影，你会怎么做？

这里我把我能想到的解决问题的方案与取舍列出来：

1. 制作一个含按钮的清单覆盖住按钮。
2. 计算按钮 +清单的宽高并制作一个空元素套上阴影藏在背后。

最终选择 1，我把一切改变按钮的因素同样写在清单按钮中……很不 DRY，为什么不是 2？ 因为用 JS 去计算样式是很可怕的事，最好不要这样做。

感谢同事告诉我有 CSS isolation 这个超偏门的属性去达成一些元素排序的需求。