我写了这段 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
但随后输入被切断,我不喜欢这样。
有人知道我可以尝试解决的其他问题吗?
谢谢
最佳答案
添加box-sizing: border-box;
属性到您的 input
样式。 result .
关于html - 为什么我的输入不适合 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27169706/