क्या सीएसएस में मूल्य जोड़ने और घटाने का कोई तरीका है?

Question

मेरे पास एक div है कि मैं ऋणात्मक मार्जिन के साथ स्थिति बना रहा हूं, लेकिन मैं इसे अपने कंटेनर div के नीचे तक सभी तरह से विस्तारित करना चाहता हूं ताकि मैं ऐसी सीमा का उपयोग कर सकूं जो यादृच्छिक रूप से समाप्त न हो। यदि आप http://kineticaid.com/k/home.php देखते हैं तो आप समझेंगे कि मेरा क्या मतलब है। मैं सिर्फ अपनी ऊंचाई को पिक्सल में विस्तारित नहीं कर सकता क्योंकि कंटेनर div की ऊंचाई पृष्ठों के साथ गतिशील रूप से बदलती है। मैं क्या करना चाहता हूं:

#rightcol { 
float: right; 
width: 225px; 

height: 100% + 250px; 

margin: -325px -25px 0 0; 
} 

असल में मैं पूछ रहा हूं कि आप सीएसएस में जोड़ और घटा सकते हैं या नहीं। धन्यवाद!

Answer 1

सास और कम ऐसी चीजें हैं जो आपको चाहिए, लेकिन मुझे लगता है कि आपकी पूछताछ करने के लिए जावास्क्रिप्ट या jquery के साथ आपके लिए क्या करना होगा।

http://api.jquery.com/height/

Answer 2

इस समस्या के लिए समाधान "Faux Columns" है, लेकिन आप अपने लेआउट इस के लिए एक सा बदलने की जरूरत है।

Answer 3

हां। CSS3 में calc() फ़ंक्शन है। यह अधिकांश ब्राउज़रों के वर्तमान संस्करणों में काम करता है (http://caniuse.com/calc)।

height: calc(100% + 250px); 

डेमो:

HTML:

<div id="one"></div> 
<div id="two"></div> 

सीएसएस:

div { 
    border: 1px solid red; 
    height: 100px; 
} 

#one { 
    width: calc(50% + 20px); 
} 

#two { 
    width: 50%; 
} 

आउटपुट: