问绝对定位的最大宽度

EN

我正在使用一个名为react-modal的库，并且正在尝试完成如下所示的工作

​

现在我想让这个(让我们称之为sideModal)只占屏幕的50%，直到某个特定的点，那时我希望它的最大宽度是15rem，但它仍然附着在屏幕的一侧

const customStyles = {
  content: {
    top: 0,
    bottom: 0,
    right: "-50%",
    left: "50%",
    borderRadius: "none",
    // maxWidth: "15rem", if I uncomment this when Modal gets to 15rem it floats away from left of screen
  },
  overlay: {
    background: "rgba(22, 54, 84, 0.6)",
  },
};

这就是我到目前为止所拥有的，它成功地将模式保持在屏幕尺寸的50%，但是如果我取消注释maxWidth，当模式达到15rem时，它将开始从右侧漂移到屏幕的中心->注意->(我看到一个答案说为了更好地控制宽度，应该使用内部容器，如果有人知道如何使用react-modal，那么我就向下，但现在我不知道该怎么做，所以我会很感激任何其他的方法) thanks.EDIT:我已经浏览了你的反应模式文档，看起来我不能做内部容器的想法