2012-02-09 46 views
0

我要放置在另一个DIV一个div没有pixels.I使用高度使用高度已经使用这个代码一个DIV超过另一个,而在像素

<div style="position: relative;height:78px;"> 

    <div style="width:425px;position: absolute;top: 0;left: 0;"> 
     Content for First div 
    </div> 

    <div style="z-index:10;position:absolute;top: 0;left: 0;"> 
     Content for Second div 
    </div> 
</div> 

第一个div的内容会动态变化。所以他们的任何方式来把高度自动有些东西像在父div

回答

1

这两个子div都被从流中取出,所以父母将没有自然的高度(通常由孩子“拉伸”)。

由于您已经在第一个子div上预先加载了数据,因此需要对其进行第二次匹配。

HTML: 

<div id="parent"> 
    <div id="firstChild"> 
     Content for First div 
    </div> 

    <div id="secondChild"> 
     Content for Second div 
    </div> 
</div> 

CSS: 

#parent{ 
position:relative; 
} 

#firstChild{ 
width:425px; 
} 

#secondChild{ 
width:425px; 
position:absolute; 
top:0; 
bottom:0; 
} 

注:小心你的风格碰撞,我在这里使用ID。相应地更换

+0

他们的任何解决方案? – Warrior 2012-02-09 05:57:09

+0

父母身高的基础是什么?最高的孩子div?你使用jQuery吗? – Joseph 2012-02-09 06:01:35

+0

不,第一个div内容来自数据库..所以它不会有一个固定的高度 – Warrior 2012-02-09 06:04:01

0

身高:100%应使其父高度是78px;