我写了这个 html 和 css 代码：
HTML
<body>
<div id="container">
<div id="containerHeader">
<h1>Seek & enjoy</h1>
<h3>Your movie seeker</h3>
<div id="containerForm">
<form class="form-wrapper cf">
<div id="inputplusbuttons">
<input type="text" placeholder="Find your movie" required>
<div id="containerButtons">
<button id="seek" type="submit">Seek</button>
<button id="reset" type="submit">Reset</button>
</div>
</div>
</form>
</div>
</div>
<div id="results">
<p>
</p>
<div id="movieList">
</div>
<div id="movieDetails">
</div>
</div>
</div>
</body>
我正在尝试将输入放入 div 中，但我失败了，不知道为什么（CSS 代码在 JSFidFiddle 上）。我达到了这两个选项
在选项 1 中，输入宽度为 100%，但输入比 div 长。在选项 2 中，我添加了overflow: hidden但输入被切断，我不喜欢那样。
有人知道我可以尝试解决的其他问题吗？
谢谢