作成したdivを親divに調整する

Question

親divの幅が変更されたときに、作成したdivの幅を親divに合わせる方法。 たとえば、私のWebページが縮小されたときに、作成されたdiv（キャプションの種類）がオーバーフロー親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 
    }); 
});