css - 在容器的最右侧放置一个矩形

Question

如何将矩形（称为right1）放置在屏幕的最右侧？我希望它剪辑，但它以某种方式溢出。

我也试图给予overflow: hidden，overlayContainer但不知何故它一直在溢出。

<div className={styles.overlayContainer}>
  <Diamond styleName={styles.left1} />
  <Diamond styleName={styles.left2} />
  <Diamond styleName={styles.right1} />
</div>

的样式right1是：

height: 36px
width: 36px
top: 200px
right: -24px

Diamond组件只是一个div应用了这两种样式的组件

.diamond
  position: absolute
  transform: rotate(45deg)

编辑 我想像这样定位元素。

标签： cssreactjssass

Answer 1

我认为这个问题是由于这个css引起的

右：-24px；

right:0;

如果这不能解决它，请发布您的代码。