Html 输入和Div匹配高度

我试图获得Div的高度和宽度，以匹配输入字段的高度和宽度

以下是JSFIDLE：

#outerDivOne，#outerDivTwo{
高度：4em；
宽度：20em；
边框：纯蓝1px；
}
#在顶部，需要相同的宽度{
文本对齐：居中；
边框：实心#333333 1px；
字体大小：.9em；
宽度：5em；
高度：2米；
边界半径：3%；
背景色：白烟；
垂直对齐：居中；
}
#对，需要同样的重量{
显示：内联块；
文本对齐：居中；
边框：实心#333333 1px；
字体大小：.9em；
宽度：5em；
高度：2米；
边界半径：3%；
背景色：白烟；
垂直对齐：居中；
浮动：左；
}

试验
试验

我没有做任何实验，但我发现您的两个规则集都没有边距或填充设置。我来看看。

您需要为

边距

和

填充

提供明确的值。在您的情况下，它们是默认值（非零），这会使布局倾斜

#outerDivOne，#outerDivTwo{
高度：4em；
宽度：20em；
边框：纯蓝1px；
}
#在顶部，需要相同的宽度{
文本对齐：居中；
边框：实心#333333 1px；
字体大小：.9em；
宽度：5em；
高度：2米；
边界半径：3%；
背景色：白烟；
垂直对齐：居中；
填充：0em；
边距：0em；
}
#对，需要同样的重量{
显示：内联块；
文本对齐：居中；
边框：实心#333333 1px；
字体大小：.9em；
宽度：5em；
高度：2米；
边界半径：3%；
背景色：白烟；
垂直对齐：居中；
浮动：左；
填充：0em；
边距：0em；
}

试验
试验

谢谢您的帮助！谢谢你的帮助。