css - 将高度设置为自动加 10%

Question

我正在制作一个简单的盒子和内盒。外盒为白色，内盒为紫色。内框宽度是静态的（95%，我知道这不一定是静态的，但在您将理解的高度的上下文中）但高度设置为自动以反映内容文本的高度。我面临的诀窍是在底部有一个边距。设置侧面很容易。外框宽度设置为97%，内框宽度设置为95%。顶部有 10% 的保证金。但由于内盒高度设置为自动，外盒垂直结束于内盒所在的位置。有什么办法可以将外框的高度设置为 auto + 10%？或者类似的东西？谢谢！

Answer 1

比利护城河的答案是完美的！我曾经padding-bottom让它工作。