样式反应选择，组件之间的宽度差异为1px

Question

关于react-select：

在某些屏幕宽度中，Select-control和Select-menu-outer之间的宽度差异分别为选择按钮容器和选择列表容器。他们是兄弟姐妹，我已经将border: 1px solid $gray风格应用于他们两个。我试图将这种风格应用于其他元素，但结果却很奇怪。

请参阅1px故障：

他们是兄弟姐妹：

在特定情况下，两者都应用了width: 100%样式，但Select-control计算了183px的宽度，Select-menu-outer已计算宽度{{1}因此1px差异。

有什么想法吗？

Answer 1

由于Select-control，显然display: table原始宽度183.98向下舍入（而不是向上）。

我修复了它，然后将display: table应用于Select-menu-outer，并且到目前为止没有任何副作用。