网站上某个元素设置了 absolute 绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种 absolute 绝对定位高度问题呢?让 absolute 绝对定位的高度自动添加到父元素上。
解决 absolute 绝对定位高度问题,一般有二种方法。
第一种就是给父元素添加一个固定的高度值,这样就不会有父元素高度为 0 的情况了。
第二种是使用 JQUERY 来获取 absolute 绝对定位元素的高度,然后再把这个高度值添加给父元素,这样父元素的高度就与 absolute 绝对定位元素一样了。
<script>
//拿到子元素的高度
var box=jQuery('#zys').outerHeight(true);
//将子元素的高度赋予父元素
$("#fys").height(box);
</script>
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!