Javascript 将创建的div调整为父div

当父div的宽度更改时，如何使创建的div的宽度调整为父div。 例如，当我的网页收缩时，创建的div（标题类型）溢出父div

var$discDiv=$（“”）；
$discDiv.css({
宽度：$（“.col-md-8”）.width（），
高度：$（“.col-md-8”）.height（）*0.3，
背景颜色：“蓝色”，
位置：“绝对”，
zIndex:1，
不透明度：0，
});
$（.col-md-8”）。追加（$discDiv）；
$（“.col-md-8”）.mouseenter（函数（）{
$discDiv.css({
不透明度：0.3
});
});

---

只需将宽度更改为百分比值即可

$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
  });
});

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