我一直在开发一个使用React Big Calendar的应用程序。我们使用的是一个细滚动条，当出现溢出时，TimeGridHeader没有很好地对齐：
React Big Calendar会自动添加一个右边距，其大小与默认滚动条相同，但我们的滚动条较小，因此它会产生太大的间隙，对齐效果很差。你有什么想法，我可以改变这个默认的边距值时，有一个溢出？谢谢我试过设置margin：0！important'到类。rbc溢出。它确实覆盖了右边距，但我更喜欢用另一种方式。
e4eetjau1#
我现在遇到了同样的问题，我想除了覆盖margin-right属性之外，没有更好的方法来解决这个问题。它似乎是动态添加的，因为它被放置在element.style上，如开发人员工具所示：element.style screenshot。在我的例子中，我也注意到这是一个浏览器特定的问题，因为它只发生在类似Chromium的浏览器上。在Firefox上，这并没有发生。为了避免覆盖不需要的CSS，您可以尝试尽可能多地级联解决方案，以便它只影响给定的情况。以下是我的解决方案：
margin-right
element.style
.rbc-calendar .rbc-time-view .rbc-time-header.rbc-overflowing { margin-right: unset !important; }
1条答案
按热度按时间e4eetjau1#
我现在遇到了同样的问题，我想除了覆盖
margin-right属性之外，没有更好的方法来解决这个问题。它似乎是动态添加的，因为它被放置在element.style上，如开发人员工具所示：element.style screenshot。在我的例子中，我也注意到这是一个浏览器特定的问题，因为它只发生在类似Chromium的浏览器上。在Firefox上，这并没有发生。
为了避免覆盖不需要的CSS，您可以尝试尽可能多地级联解决方案，以便它只影响给定的情况。以下是我的解决方案：