我在
http://jsfiddle.net/SsYwH/上有一个例子
万一它不工作
HTML:
<div class="container"> <div class="absolute"> Testing absolute<br /> Even more testing absolute<br /> </div> A little test<br /> </div>
CSS:
.container { background: green; } .absolute { position: absolute; background: red; }
问题
我使用jQuery创建一个滑块效果。为了做到这一点,我需要设置绝对位置。
>我的代码中的红色块是位置绝对滑块。
>绿色块是容器。
我仍然希望通过它的小孩高度设置容器。现在它不知道是因为绝对的位置。解?
解决方法
那么你还需要使用jQuery来修复容器div的高度。像这样:
http://jsfiddle.net/khalifah/SsYwH/24/
$( document ).ready(function() { $( ".container" ).each(function() { var newHeight = 0,$this = $( this ); $.each( $this.children(),function() { newHeight += $( this ).height(); }); $this.height( newHeight ); }); });
然而,这是错误的,因为绝对定位的元素可以位于它的容器之外。什么是真正的东西,将找到最低的包含div的元素的底部,相对于视图。