css - 高さを自動プラス10％に設定します

Question

シンプルな箱と内箱を作っています。外箱は白、内箱は紫です。内側のボックスの幅は静的です（95％、これは必ずしも静的ではないことを理解していますが、理解できる高さのコンテキストでは）が、高さはコンテンツテキストの高さを反映するように自動に設定されています。私が直面しているトリックは、底にマージンがあることです。側面の設定は簡単です。外側のボックスの幅は97％に設定され、内側のボックスの幅は95％に設定されています。上部には10％のマージンがあります。ただし、内側のボックスの高さはautoに設定されているため、外側のボックスは内側のボックスと同じ位置で垂直に終了します。外箱の高さをauto+10％に設定する方法はありますか？または同様の何か？ありがとう！

Answer 1

ビリーモートの答えは完璧でした！私はpadding-bottomそれを機能させるために使用しました。