【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属性
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论