Question

在我的reactjs应用程序中，我实现了崩溃，但我希望将此文本保持在同一位置。我试过这个css：

.cart{
     position: relative;
      top:70px;
}

这不起作用，我怎样才能将“这个停留在这里”保持在同一位置，如果可能的话会有一些模糊？

此处有更多代码：codepen

Answer 1

试试这个：

为我工作

HTML：

<head>
  <title>React JS</title>
</head>

<body>
  <div id="app"></div>
<p>this stays here</p>
</body>

</html>

CSS：

    html, body {
      margin: 0;
      font-family: 'Roboto', Arial, sans-serif;
      font-size: 1.2em;
    }

    .cart
    {
      position:relative;
    }

p {
  position: absolute;
  top:30px;
  z-index:-1;
}

Answer 2

将折叠组件包裹在div中并给它一些高度。

<div style={{height: '130px'}}>
    <Collapse in={this.state.open}>
      ....   
    </Collapse>
</div>

如何将文字保持在同一位置？

2 个答案: