получить визуализированную высоту DIV

Question

У меня проблема, когда я использую инструмент компоновки, который изменяет размер divs. Эти divs имеют промежуток заголовка, который установлен в bottom : 0. На divs, которые сокращены, они прекрасны, однако на DIV, которые удлиняются, они плавают над дном div.

Я пробовал различные способы CSS, чтобы сделать палку прокрутки снизу, однако кажется, что как только это визуализируется, а затем freewall (сценарий компоновки) имеет свой путь, промежутки не отбрасываются.

Я попытался получить высоту родительского DIV с помощью различных методов. Когда я консоль регистрирую div, я вижу, что она визуализируется в элементе element.style (height: 222.4px); однако, когда я пытаюсь получить доступ к стилю, он возвращает только исходное изображение css, а не визуализированную высоту. Любая попытка с помощью jquery .height() возвращает только высоту CSS (200px), которая неверна.

Любые идеи, как обеспечить, чтобы элемент оставался нижним после изменения размера макета или способом доступа к визуализированной высоте, чтобы я мог программно вставить его обратно внизу?

Вот CSS

.guideScene 
{ 
    height :   200px; 
    width :    200px; 
    min-width :   190px; 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    position:   absolute; 

} 


@media all and (max-width: 768px) { 
    .guideScene { 
     height :  100px; 
    } 
} 

.guideScene span 
{ 
    font-family:  'Lato', sans-serif; 
    font-color :  #000; 
    font-weight:  700; 
    font-size:   14px; 
    line-height:  100%; 
    min-height:   14px; 
    background:   #fff; 
    padding:   4px 10px 4px 10px; 
    bottom:    0px; 
    width:    100%; 
    position:   absolute; 

} 

Здесь вы идете popNoodles:

 console.log($(this.parentNode).outerHeight(true)); 
     console.log($(this.parentNode).height()); 

или console.log($(this.parentNode).attr('style') -returns фон

 console.log(this.parentElement) gives me the data 

Именно этот атрибут здесь я пытаюсь получить доступ !

Answer 1

.height() только дает высота элементов

.innerHeight() дает высоту элементов плюс верх/низ отступы

.outerHeight(true), вероятно, что вы ищете, потому что она дает высоту элементов, верхний/нижний padding и border плюс он добавит маржу, если она установлена ​​в true