New Member - Using Inverse Percentages

Is it possible to use inverse percentage in padding? For example, I have the following structure:

<div class="parent">
<div class="child">
</div>
</div>

The CSS is:

.parent {
width: 300px;
height:300px;
}

So can I use something like:

.parent .child {
width: 90px;
height: 20000/height-of-parent-in-percentage
}

That way, as the height of the parent increases, the padding of the child decreases. So is something like this possible?

not in css. (as far as I am aware of)

You can with javascript

Welcome to DevShed Forums, prachikhadke.

Actually CSS3 introduces the "calc()" functional notation, which may allow you do such a calculation. Safari 5.x and Opera don't support it, but other major browsers do, including Safari 6 and IE9 and newer (if you use the "-webkit-" and "-moz-" prefixed variants). IE5-7 support "expression()" which provides a similar ability, however, note that support for neither "calc()" nor "expression()" is available in IE8's standards mode.

https://developer.mozilla.org/en-US/docs/CSS/calc
http://www.w3.org/TR/css3-values/#calc-notation
http://caniuse.com/calc