Html 背景div应仅与输入文本具有相同的宽度和高度

我希望输入文本字段的

.specialDiv

的宽度和高度大小相同（无跨距）。 现在看来：

但我想这样：

我想要这个div的实际原因是将它用作后台进度条。。。 我怎样才能解决这个问题

---

我想你不会喜欢这样的：

。输入组{
位置：相对位置；
}
特别的{
背景色：红色；
身高：100%；
位置：绝对位置；
宽度：计算（100%-78px）；
}
.输入组.窗体控件{
背景：透明；
}

价格
$
.00

你可以共享JSFIDLE链接吗？@MuhammetCanTONBUL如果你想更改输入的宽度，你需要为输入组div指定一个宽度。

不，我希望我的特殊div只具有输入文本的大小，而不是跨距。谢谢你，这很有效，但是为什么你要删除宽度？例如，我想设置输入宽度大小的10%50%或100%宽度。有可能吗？如果你添加了100%的宽度，它超出了你的输入组，所以你需要计算宽度。。我将在

calc（）

函数的更新答案中添加宽度