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