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

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

posted @ 2020-03-11 16:31  Coco.Li  阅读(6392)  评论(0编辑  收藏  举报