我写了这个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代码在JSFiddFiddle上)。我达到了这两个选项
在选项1中,输入宽度为100%,但输入长于div。
在选项2中,我添加了overflow: hidden
,但随后输入被剪切,我不喜欢它。
有人知道我可以尝试解决的问题吗?
由于