解决absolute绝对定位高度塌陷无法撑开父元素
网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。
解决absolute绝对定位高度问题,一般有二种方法。
第一种就是给父元素添加一个固定的高度值,这样就不会有父元素高度为0的情况了。
第二种是使用JQUERY来获取absolute绝对定位元素的高度,然后再把这个高度值添加给父元素,这样父元素的高度就与absolute绝对定位元素一样了。
<script>
//拿到子元素的高度
var box=jQuery('#zys').outerHeight(true);
//将子元素的高度赋予父元素
$("#fys").height(box);
</script>