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


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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM