Настроить созданный div на родительский div

Question

Как сделать ширину созданного div отрегулировать родительский div при изменении ширины родительского div. Например, когда моя веб-страница сжимает созданный div (вид заголовка) overflow parent div.

var $discDiv = $("<div></div>"); 
$discDiv.css({ 
    width:$(".col-md-8").width(), 
    height:$(".col-md-8").height()*0.3, 
    backgroundColor:"blue", 
    position:"absolute", 
    zIndex: 1, 
    opacity:0, 

}); 
$(".col-md-8").append($discDiv); 

$(".col-md-8").mouseenter(function() { 
    $discDiv.css({ 
    opacity:0.3 

    }); 

}); 

Pen

Answer 1

Просто измените width в процентах

$discDiv.css({ 
    width:$(".col-md-8").width(), 
    height:"100%", 
    backgroundColor:"blue", 
    position:"absolute", 
    zIndex: 1, 
    opacity:0 
}); 

и добавить мышь оставить для лучшего рендеринга:

$(".col-md-8").mouseleave(function() { 
    $discDiv.css({ 
    opacity:0 
    }); 
});