2017-03-28 2 views
1

Ich möchte die tatsächliche Höhe eines div wissen.Holen Sie sich echte Höhe von div (Jquery)

Wenn ich nach $var.height() frage, sagt er mir einfach die fix css Höhe.

Wie bekomme ich die tatsächliche Höhe der div und nicht die feste css Höhe.

+1

Was meinst du 'echte Höhe'? Hast du '$ var.outerHeight()' ausprobiert? – Justinas

+0

Ich gebe ein Div zum Beispiel die CSS-Höhe 500px. Jetzt wird es Inhalt. Der Inhalt kann länger als 500px sein, also frage ich nach Höhe, aber es sagt mir immer 500 – AskLo

+0

@AskLo, was Sie gesagt haben *** macht keinen Sinn *** überhaupt. Wenn Sie für ein beliebiges Element eine feste Höhe festlegen, wird es nur auf diesen festgelegten Wert festgelegt und kann nicht entsprechend seiner Inhaltsgröße verkleinert/erweitert werden. Wenn Sie meinen, dass Sie die dynamische/flexible Größe eines Elements erhalten wollen, sollte '.outerHeight()' oder 'height()' funktionieren (es basiert auf 'getComputedStyle'). –

Antwort

2

jquery haben outerHeight() Funktion.

http://api.jquery.com/outerheight/

den aktuellen berechneten Außen Hoehe (einschließlich Polsterung, Rahmen und optional Marge)

+0

gibt mir immer die gleiche Höhe – AskLo

0

Haben Sie outerHeight versucht() sein kann, das wird Ihnen helfen, versuchen Sie diesen

$(document).ready(function() { 
 
    $("button").click(function() { 
 
    alert("Outer height of div: " + $("div").outerHeight()); 
 
    }); 
 
});
div { 
 
    height: 100px; 
 
    width: 300px; 
 
    padding: 10px; 
 
    margin: 3px; 
 
    border: 1px solid blue; 
 
    background-color: lightblue; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<div></div><br> 
 

 
<button>Display the outer height of div</button> 
 
<p>outerHeight() - returns the outer height of an element (includes padding and border).</p>

+0

OuterHeight gibt mir immer die feste css Höhe + Rand/Polsterung aber nicht die wirkliche Höhe. Ich habe eine feste Größe in CSS. – AskLo

Verwandte Themen