html - Fit div to screen -

मेरे पास दो divs हैं:

  & lt; div class = "header" & gt; & Lt; / div & gt; & Lt; div class = "scroll" & gt; & Lt; / div & gt;  

"हैडर" एक निश्चित आकार (40px) बार है, और "स्क्रॉल" एक साइडबार है, जिसमें एक स्क्रॉलबार है मैं "स्क्रॉल" बनाना चाहता हूं, जो सभी ऊंचाई उपलब्ध है, "हैडर" और स्क्रीन के नीचे के बीच। लेकिन अगर मैं "स्क्रॉल" पर 100% या 100 वीएच ऊंचाई सेट करता हूं, तो यह ऊंचाई भरता है, लेकिन यह भी 40px अधिक लेता है, जो स्क्रीन में फिट नहीं है, इसलिए स्क्रॉलबार ब्राउज़र पर भी दिखाई देता है, भले ही div "scroll"

अगर आप चाहें तो आप CSS3 का उपयोग कर सकते हैं।

 < कोड> चौड़ाई: कैल्क (100% - 40px);  

लेकिन सावधान रहें कि सभी ब्राउज़र इस (अभी तक) का समर्थन नहीं करते हैं।
calc के लिए ब्राउज़र समर्थन देखने के लिए देखें।

< / html>