如何继承父级高度给它的孩子

我确实有1个父级div和2个子div，我想要这2个子div将等于它的父级高度或每当1个子div的内容展开另一个子div时也将扩大。我喜欢这样，当你放大或者出高度尺寸保持不变，或者任何你们知道一些技巧来为它工作我会欣赏它，这里是我的js小提琴改用％PX的http://jsfiddle.net/deftmagic/29Puw/4/如何继承父级高度给它的孩子

<div class="content-wrapper"> 
    <div class="task-pane"> 
     <p>sample</p> 
     <p>sample</p> 
     <p>sample</p> 
    </div> 
    <div class="tbl-div"> 
     <p>sample</p> 
     <p>sample</p> 
     <p>sample</p> 
     <p>sample</p> 
     <p>sample</p> 
     <p>sample</p> 
    </div> 
</div> 


.content-wrapper{ 
background:#000; 
min-height:0; 
width:100%; 
    overflow:hidden; 
    } 
.task-pane{ 
    background:red; 
    height:100%; 
    width:20%; 
    float:left; 
    } 
.tbl-div { 
    background:green; 
    height:100%; 
    width:80%; 
    float:right; 
}

注意：球员我已经搜索了一些相同的问题，它发生了一些使用表，但我的冲突是当我使用表标签它不能提供添加div标签内，我需要最多，所以请如果有任何解决方案，而不是表也许有些剧本我会欣赏它 - 感谢^^

来源

2013-03-20 deftmagic

你想要什么没有JS是不可能的，除非你给父DIV特定的高度（至少一个百分比）。 – dezman 2013-03-20 01:12:48

是的，我确实认为，所以我希望你们中的一些人可以提供我任何谢谢.. – deftmagic 2013-03-20 01:27:42

我不想发布一个链接作为答案，但这篇文章，[流体宽度相等高度列]（http：// css -tricks.com/fluid-width-equal-height-columns/）有很多非常棒的技巧，除了发布的答案之外，我认为这对你很有用。 – 2013-03-20 02:36:54

我不得不这样做多次，并有几个技巧，以取消这种情况，并根据情况而有所不同。对于这个实例，我会让父亲的大小，绝对小的孩子，另一个默认，所以它会导致容器自我调整大小。

.content-wrapper{ 
    background:#000; 
    min-height:0; 
    width:100%; 
    overflow:hidden; 
    position: relative; 
} 
.task-pane{ 
    background:red; 
    width:20%; 
    position: absolute; 
    top: 0; bottom: 0; 
} 
.tbl-div { 
    background:green; 
    width:80%; 
    float:right; 
}

更新小提琴：http://jsfiddle.net/29Puw/9/

来源

2013-03-20 02:30:44

我不认为这个工作相同的梦想食客答案每当我添加内容div身高doesnt工作，但谢谢 – deftmagic 2013-03-20 03:58:52

我看到只有左div不扩大其高度，但其他不。以及它做了一些技巧，我刚才已经解决了它可能是你的，但我操纵父母的div而不是孩子，但我想你的答案是好的 - 感谢这个 – deftmagic 2013-03-20 04:27:47

.content-wrapper { 
    background:#000; 
    overflow:hidden; 
    position: relative; 
} 
.task-pane { 
    background:red; 
    min-height: 100%; 
    width: 20%; 
    left: 0px; 
    position: absolute; 
}

和更新的fiddle。

来源

2013-03-20 01:14:40 hjpotter92

i'对不起，我没有找到它作为解决方案，因为当我添加一些内容的div大小不会遵循了...但我很感激它..谢谢.. – deftmagic 2013-03-20 01:24:05

如何继承父级高度给它的孩子

回答

相关问题