ट्विटर बूटस्ट्रैप (2) का उपयोग करते हुए, मेरे पास एक नौसेना पट्टी के साथ एक सरल पृष्ठ है, और अंदर container
मैं 100% ऊंचाई (स्क्रीन के नीचे) के साथ एक div जोड़ना चाहता हूं। मेरा सीएसएस-फू कठोर है, और मैं इस काम नहीं कर सकता।
सरल HTML:
<body>
<div class="navbar navbar-fixed-top">
<!-- Rest of nav bar chopped from here -->
</div>
<div class="container fill">
<div id="map"></div> <!-- This one wants to be 100% height -->
</div>
</body>
वर्तमान सीएसएस:
#map {
width: 100%;
height: 100%;
min-height: 100%;
}
html, body {
height: 100%;
}
.fill {
min-height: 100%;
}
- संपादित करें *
मैंने नीचे दिए गए सुझाव के अनुसार ऊँचाई वर्ग को जोड़ दिया है। लेकिन, समस्या यह है कि मैं शीर्ष पर स्थिर नावबार के लिए खाते में शरीर के लिए एक पैडिंग-टॉप जोड़ता हूं। यह "मैप" div की 100% ऊंचाई को प्रभावित करता है और इसका मतलब है कि एक स्क्रॉलबार जुड़ जाता है - जैसा कि यहां देखा गया है: http://jsfiddle.net/S3Gvf/2/ क्या कोई मुझे बता सकता है कि कैसे ठीक किया जाए?