包含ap divs的明确包装div

时间:2011-01-12 18:55:35

标签: css clear

进入我必须使用ap divs的地方。问题是:我找不到清除包装div的方法。我的技巧都没有奏效。

我想丢失包装div的高度设置,但仍然包含ap divs。

有什么想法吗?

<pre>
<code>
#wrapper {
 position:relative;
 width:600px; 
 height:1200px; --- wanna dump this but can't find way to clear
 margin-right: auto;
 margin-left: auto;
 background-color: #0CF;
 z-index:100;
}
#apDiv1 {
 position:absolute;
 width:200px;
 height:115px;
 z-index:1001;
 left: 89px;
 top: 329px;
 background-color: #0C0;
}
#apDiv2 {
 position:absolute;
 width:100px;
 height:50px;
 z-index:1000;
 left: 383px;
 top: 36px;
 background-color: #F39;
}

div id=wrapper  
  div id=apDiv1  closediv
  div id=apDiv2 closediv  
div-- close wrapper

3 个答案:

答案 0 :(得分:0)

清除用于浮动,而不是绝对定位的元素。你无法清除绝对定位的元素。

答案 1 :(得分:0)

你做不到。您必须指定包装器的高度以包含内部绝对定位的元素。绝对定位的元素不占用任何空间,因此包装材料不可能缠绕它们。

当在正确的环境中使用时,ap divs非常棒。你不应该把它们“弄糟”。

答案 2 :(得分:0)

你可以获得最高的孩子,并通过下面的jQuery将这个最高身高追加到父母身上

var t=0; // the height of the highest element (after the function runs)
var t_elem;  // the highest element (after the function runs)
$("*",elem).each(function () {
    $this = $(this);
    if ( $this.outerHeight() > t ) {
        t_elem=this;
        t=$this.outerHeight();
        alert(t);
    }
});