Javascript 位置相对div包装输入框

有一点警告：我刚开始使用css和js/html

我想用包装纸把文本框包装起来。据我所知，没有显式标注的div会包装其内容（高度/宽度：auto）。我使用jquery将一个元素与一个标签的包装器包装在一起。我希望它包装整个输入框（因为我认为它应该考虑到输入框在div中），但它似乎不像想要的那样简单

由于某些原因，我无法在设置包装器的属性后更改它们——即使使用ChromeJS控制台。因此，即使进入并手动将包装器div的高度设置为40，也不会改变任何事情

到目前为止，每个人都在要求一把小提琴——这个问题没有更多。我只想让div包装输入，但事实并非如此

据我所知，我的输入风格也没有冲突：

input.floatlabel {
    font-family: Helvetica;
    font-weight: 100;
    font-size: 15px;
    height: 40px;
    width: 40%;
    text-align: center;
}

这就是我到目前为止得到的结果。

---

据我所知，您需要：

.wrapper {
    display: block;
}

---

你能用一种简单的方式重现这个问题吗？我们还有一个小小的警告：我们不会因为回答一些与HTML相关的问题而感到兴奋。当然有些会感觉不错。不太确定您想做什么，但请从

包装器中删除
显示：内联
。或者如果您想保持必要的宽度，可以删除
内联块
。在@SpoonNZ上拉小提琴这起作用了。老实说，我只是想知道为什么它会将高度强制到它所能做到的程度。因为CSS并不总是像它看起来那样直截了当……：）