How to correctly calculate padding and margin height in fluid layouts?

Question

css

To calculate the width and height, I use the well-known formula: "context / target = result", but what about padding-margin heights if they are calculated from the width? I want to avoid magic numbers and have formula functions at hand. Thanks

Answer 1

Perhaps a simple CSS solution will help you - box-sizing:border-box;

Answer 2

Calc() can also help in some cases .