html - 如何使用css将高度设置为“默认+ 10像素”？

Question

我在我的网站中使用Bootswatch Paper 主题，并且我还想使用浮动标签，如下所示：http: //jsfiddle.net/wkqsqajn/

这很好用，但我现在在自己的网站上遇到了麻烦。css.form-group设置为固定高度，为浮动标签提供空间：

.form-group {
    display: flex;
    height: 55px;
}

不幸的是，这弄乱了我的其他表单输入，例如复选框和文本区域的列表。我做了另一个小提琴来展示我遇到的麻烦（尝试在文本区域中输入）：http: //jsfiddle.net/ee64ef5o/2/

问题是表单组的高度是固定的。是否可以将高度设置为比元素通常使用的像素高 X 个像素，以便为浮动标签提供空间？或者有没有其他方法可以解决这个问题？

欢迎所有提示！

score 2 · Accepted Answer

您也可以尝试使用透明边框。

border-top: 10px solid transparent;

编辑：它通过给出元素来起作用height: 50%;

1 回答 1