Css 将高度设置为自动加10%

Css 将高度设置为自动加10%,css,height,Css,Height,我正在做一个简单的盒子和内盒。外盒为白色,内盒为紫色。内部框的宽度是静态的(95%,我知道这不一定是静态的,但在您将了解的高度上下文中),但高度设置为自动以反映内容文本的高度。我面临的诀窍是在底部留一个空白。两边都很容易。外框宽度设置为97%,内框宽度设置为95%。顶部有10%的利润率。但由于内框高度设置为“自动”,外框在内框所在的位置垂直结束。有没有办法将外盒的高度设置为自动+10%?还是类似的?谢谢 比利·莫特的回答太完美了!我用了填充底部来让它工作。你能用JSFIDLE给我们看一下吗?也许

我正在做一个简单的盒子和内盒。外盒为白色,内盒为紫色。内部框的宽度是静态的(95%,我知道这不一定是静态的,但在您将了解的高度上下文中),但高度设置为自动以反映内容文本的高度。我面临的诀窍是在底部留一个空白。两边都很容易。外框宽度设置为97%,内框宽度设置为95%。顶部有10%的利润率。但由于内框高度设置为“自动”,外框在内框所在的位置垂直结束。有没有办法将外盒的高度设置为自动+10%?还是类似的?谢谢

比利·莫特的回答太完美了!我用了
填充底部
来让它工作。

你能用JSFIDLE给我们看一下吗?也许在外盒上放一些顶部/底部填充物?啊!完美的填充效果非常好,谢谢!