Javascript 粘性用户输入和按钮彼此相邻

所以我试图让一个用户输入和一个按钮相邻出现。并使它们粘在一起，这样当你滚动时，它们会保持在屏幕顶部。我尝试了float:left方法和display:inline块。我似乎不知道怎么做。代码如下

<div id="user-input-and-button">
    <input id="user-input" />     
    <button id="send-button" onClick={writeUserData}>send</button> }
</div>

以及：

.group{
位置：固定；
排名：0；
背景：灰色；
填充：10px；
宽度：100%；
}
山{
边缘顶部：50px；
}

发送

与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。


与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。


与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。


与流行的观点相反，Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学，距今已有2000多年的历史。弗吉尼亚州汉普顿悉尼学院的拉丁语教授理查德·麦克林托克（Richard McClintock）从《洛伦·伊普斯姆》（Lorem Ipsum）一段中查找了一个更为晦涩的拉丁语单词，即“Concertetur”，并查阅了古典文学中对该词的引用，发现了该词无可置疑的来源。Lorem Ipsum来自西塞罗于公元前45年所著《德菲尼布斯·博诺勒姆和马洛勒姆》（善与恶的极端）的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文，在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet..”来自第1.10.32节中的一行。

您可以将它们与一起制作。至于粘贴，请使用

正文{
高度：200vh；
保证金：0；
}
#用户输入和按钮{
显示器：flex；
位置：粘性；
排名：0；
}
#用户输入{
填充：12px 20px；
边框：1px实心#2c2c；
边界半径：40px；
字体大小：calc（5px+4vmin）；
}
#发送按钮{
最小高度：30px；
最小宽度：30px；
}

---

非常感谢您！真的很有帮助

#user-input{
  width: 70%;
float:left;
height:auto;
padding: 12px 20px;
border: 1px solid #2c2c2c;
border-radius: 40px;
font-size: calc(5px + 4vmin);
position:fixed;

}


#send-button{
float:left;
width: 7%;
height:auto;
  min-height: 30px;
  min-width: 30px;
  position:fixed;

}

#user-input{
  width: 70%;
height:auto;
padding: 12px 20px;
border: 1px solid #2c2c2c;
border-radius: 40px;
font-size: calc(5px + 4vmin);
position:fixed;
display:inline-block;
}


#send-button{
width: 7%;
height:auto;
  min-height: 30px;
  min-width: 30px;
  position:fixed;
  display:inline-block;
}