एक div के लिए न्यूनतम ऊंचाई कैसे सेट करें?

Question

मेरे पास एक पृष्ठ है जिसमें विस्तारित सामग्री होल्डिंग div से बहती है, प्रासंगिक सीएसएस भी नीचे है। बस ऊंचाई को हटा दें: 510 पीएक्स लाइन div को आवश्यकतानुसार विस्तार करने की अनुमति देगी। हालांकि, जिन उपयोगकर्ताओं के पास कोई सामग्री नहीं है, उनके पास कोई ऊंचाई नहीं होगी और पृष्ठ अनब्लेंड दिखाई देगा। मैं न्यूनतम ऊंचाई कैसे निर्धारित करूं?

.Bb1 
    { 
    width:680px; 
    height:510px; 
    background-color:#ffffff; 
    float:left; 
    border-right:3px solid #edefed; 
    border-radius: 10px; 
    } 

Answer 1

सीएसएस एक "न्यूनतम ऊंचाई" संपत्ति की अनुमति देता है। इसका उपयोग उस div की न्यूनतम ऊंचाई निर्धारित करने के लिए किया जा सकता है जिसके बारे में आप बात कर रहे हैं।

#div-id { min-height: 100px; } 

Answer 2

min-height:510px; 

सीएसएस एक मिनट ऊंचाई विशेषता

Answer 3

बैठाना आप एक div के लिए एक न्यूनतम/अधिकतम ऊंचाई और न्यूनतम/अधिकतम चौड़ाई सेट करना चाहते हैं, सीएसएस विशिष्ट सुविधा की अनुमति देता है।

div या किसी अन्य वर्ग/आईडी/तत्व की न्यूनतम चौड़ाई निर्धारित करने के लिए;

min-width: 150px; 

div या किसी अन्य वर्ग/आईडी/तत्व, उपयोग की न्यूनतम ऊंचाई सेट करने के लिए;

min-height: 300px; 

इसी तरह अधिकतम चौड़ाई और एक div या किसी अन्य वर्ग/आईडी/तत्व, उपयोग की ऊंचाई निर्धारित करने के लिए;

max-width: 600px; 
max-height: 600px; 

महत्वपूर्ण:

के लिए अपने divको ऊंचाई और चौड़ाई में स्वतंत्र रूप से के बाद डेटा उपयोगकर्ताओं के लिए उपलब्ध है का विस्तार; min-width या min-height सेट करने के बाद आपको तुरंत पर चौड़ाई/ऊंचाई सेट करना होगा।

min-width: 300px; 
width: auto; 

min-height: 100px; 
height: auto; 

Answer 4

.comments { min-height:650px;height:auto; } 


<div class="comments">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi.</div> 

Answer 5

यहाँ घ तरीका है जिसके द्वारा आप एक div की न्यूनतम ऊंचाई सेट कर सकते हैं

<div id="bb1" style="min-height:200px;> 
    ..... 
</div> 

या लागू

#bb1{ 
    min-height:200px; 
} 

अगर आप का इस्तेमाल किया है है वर्ग

तरह

<div class="bb1"> 

div में

तो का उपयोग

.bb1{ 
    min-height:200px; 
}