Html 为什么我的输入没有';你不适合这个部门吗?

Html 为什么我的输入没有';你不适合这个部门吗?,html,css,Html,Css,我编写了以下html和css代码: HTML 寻找和享受 你的电影探索者 寻找 重置 我试图将一个输入放入div中,但失败了,不知道为什么(CSS代码在jsfiddle上)。我找到了这两个选择 在选项1中,输入宽度为100%,但输入长度大于div。 在选项2中,我添加了溢出:隐藏,但是输入被剪切了,我不喜欢这样 有人知道其他事情吗?我可以试着解决它吗 谢谢将属性添加到您的输入样式中。很酷。我不知道那个财产。Thanks@Noob_Number_1您可能需要使用特定于浏览器的前缀,以确

我编写了以下html和css代码:

HTML


寻找和享受
你的电影探索者
寻找
重置

我试图将一个输入放入div中,但失败了,不知道为什么(CSS代码在jsfiddle上)。我找到了这两个选择

  • 在选项1中,输入宽度为100%,但输入长度大于div。 在选项2中,我添加了溢出:隐藏,但是输入被剪切了,我不喜欢这样

    有人知道其他事情吗?我可以试着解决它吗


    谢谢

    将属性添加到您的
    输入
    样式中。很酷。我不知道那个财产。Thanks@Noob_Number_1您可能需要使用特定于浏览器的前缀,以确保更好的浏览器兼容性。
      <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>