सीएसएस

Question

में कोई ऊंचाई सेट के साथ div की ऊंचाई प्राप्त करें यदि तत्व का उपयोग करने के लिए कोई सीएसएस ऊंचाई नियम सेट नहीं है, तो तत्व की ऊंचाई प्राप्त करने का कोई तरीका है Ihe() jQuery विधि क्योंकि इसे एक सीएसएस नियम की आवश्यकता है पहले सेट करें? ऊंचाई पाने के लिए कोई और तरीका है?

Answer 1

jQuery .height आपको तत्व की ऊंचाई वापस कर देगा। इसे सीएसएस परिभाषा की आवश्यकता नहीं है क्योंकि यह गणना की ऊंचाई निर्धारित करता है।

DEMO

आप .height(), .innerHeight() या outerHeight() आपको क्या चाहिए के आधार पर उपयोग कर सकते हैं।

.height() - रिटर्न तत्व की ऊंचाई शामिल नहीं पैडिंग, बॉर्डर और मार्जिन।

.innerHeight() - तत्व की ऊंचाई में पैडिंग शामिल है लेकिन सीमा और मार्जिन को शामिल नहीं करता है।

.outerHeight() - सीमा सहित div की ऊंचाई देता है लेकिन मार्जिन को छोड़ देता है।

.outerHeight(true) - मार्जिन सहित div की ऊंचाई देता है।

लाइव डेमो के लिए कोड स्निपेट नीचे देखें। :)

$(function() { 
 
    var $heightTest = $('#heightTest'); 
 
    $heightTest.html('Div style set as "height: 180px; padding: 10px; margin: 10px; border: 2px solid blue;"') 
 
    .append('<p>Height (.height() returns) : ' + $heightTest.height() + ' [Just Height]</p>') 
 
    .append('<p>Inner Height (.innerHeight() returns): ' + $heightTest.innerHeight() + ' [Height + Padding (without border)]</p>') 
 
    .append('<p>Outer Height (.outerHeight() returns): ' + $heightTest.outerHeight() + ' [Height + Padding + Border]</p>') 
 
    .append('<p>Outer Height (.outerHeight(true) returns): ' + $heightTest.outerHeight(true) + ' [Height + Padding + Border + Margin]</p>') 
 
});

div { font-size: 0.9em; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="heightTest" style="height: 150px; padding: 10px; margin: 10px; border: 2px solid blue; overflow: hidden; "> 
 
</div>

Answer 2

बस एक नोट मामले दूसरों में एक ही समस्या है।

मुझे एक ही समस्या थी और एक अलग जवाब मिला। मैंने पाया कि एक div ऊंचाई है कि इसकी सामग्री से निर्धारित होता है की ऊंचाई हो रही window.load, या window.scroll पर शुरू किया जा करने की जरूरत है नहीं document.ready अन्यथा मैं अजीब ऊंचाइयों/छोटे ऊंचाइयों, यानी पहले मिल छवियों को लोड किया गया है। मैंने बाहरी हाइट() का भी उपयोग किया।

var currentHeight = 0; 
$(window).load(function() { 
    //get the natural page height -set it in variable above. 

    currentHeight = $('#js_content_container').outerHeight(); 

    console.log("set current height on load = " + currentHeight) 
    console.log("content height function (should be 374) = " + contentHeight()); 

}); 

Answer 3

यह भी सुनिश्चित करें div वर्तमान में डोम और दिखाई के साथ जोड़ दिया गया है।

Answer 4

jQuery में ऐसा कर सकते हैं। सभी विकल्पों का प्रयास करें .height(), .innerHeight() या .outerHeight()।

$('document').ready(function() { 
    $('#right_div').css({'height': $('#left_div').innerHeight()}); 
}); 

उदाहरण स्क्रीनशॉट

आशा इस मदद करता है। धन्यवाद!!