React-Modal无法设置位置

Question

我正在使用react-modal，我找不到任何方法来成功设置Modal的位置。我在线使用每个示例的内联样式，但它们没有任何效果。我正在完成我在反应模式网站上的codepen示例中所做的工作，但它在我的应用中并不起作用。有些东西显然不同，但我看不出它是什么。

这就是我渲染模态的方式：     

bsSize

我为style属性尝试了很多不同的值，但是我设置的任何内容都没有效果。我也试过没有{{1}}属性，但也没有用。我只需要内容的顶部边框稍低，因为它在同一位置的另一个模态的顶部打开，我希望它在视觉上明显在页面上打开了两个模态。我正在使用react-modal 3.3.1。

Answer 1

感谢this GitHub issue post提供的帮助，我按照以下方式开展工作：

<Modal dialogClassName='custom-dialog'...>

CSS：

.custom-dialog {width:48% !important; top:20%;}

我遗失的部分是需要使用!important覆盖宽度设置。宽度是相对于视口宽度的，所以我通过试验和错误找到了一个值，它给出了基础模态宽度的所需百分比。