如何修复 IonSlide 内 div 内的按钮？

如何解决如何修复 IonSlide 内 div 内的按钮？

我在一个 IonSlides 中有三个组件。我想修复该 IonSlides 底部组件的“注册”按钮。我该怎么办？

注册.tsx：

<IonContent>
   <IonSlides>
      <IonSlide>
          <Search/>
      </IonSlide>             
      <IonSlide>
          <.../>
      </IonSlide>
      <IonSlide>
          <.../>
     </IonSlide>
  </IonSlides>
</IonContent>

Search.tsx：

...
return (        
<div>
     <div>  
          <StyledBody>
             ...
          </StyledBody>
        </div>
        <div
            css={css`
                position:sticky;
                bottom:0;
                overflow:inherit;
                `}>
            <StyledButton>
                Registration
            </StyledButton>
       </div>
</div>  
);

解决方法

尝试将此 css 添加到包含您的按钮的 div：

display: flex;
align-items: flex-end;