css - Material UI Fab Button 保留在左侧拆分窗格下方

Question

如何使Fab 按钮完全可见？它的左半部分始终位于左窗格下方。试图增加 z-index，但没有奏效。

        <UpperPane>
          <Fab
            style={{
              position: "absolute",
              left: "-25px",
              zIndex: 999
            }}
            color="primary"
            aria-label="add"
          >
            <AddIcon />
          </Fab>
        </UpperPane>

score 1 · Accepted Answer

修改 CSS 属性，它将起作用 -

 style={{
          left: "-25px"
       }}

const UpperPane = styled.div`
  height: 100%;
  width: 100%;
  position:fixed; // add this property
  background-color: yellow;
`;