【css样式】当子元素设置属性为position：absolute，父元素不能自动撑开

【问题】在做banner设计的时候，包裹图片的div子元素设置属性为position：absolute，其外层父元素高度为0，导致banner不能正常显示
【原因】position：absolute的元素完全从文档流当中移走，所以他们的尺寸无法影响到父元素的尺寸
【解决办法】
设置父元素的高度为图片高度
但此时会存在另外一个问题就是，在浏览器窗口大小改变时，父元素高度不能随图片的变化而变化
因此我们需要使用js，在浏览器窗口改变时，获取图片高度从而赋值给父元素，以达到预期效果
$(window).resize(function() {
var height = $(‘#图片ID‘).css("height");
$(‘#父元素ID‘).css("height",height);
});

【css样式】当子元素设置属性为position：absolute，父元素不能自动撑开

原文：https://www.cnblogs.com/LiCoco/p/12463236.html