Html 100%高度29%高度的子级塌陷

我有三个主要div——一个文章容器、一个链接容器和一个页脚。高度如下：

#article-container{min-height:63%; width:100%;}

#other-articles-section{min-height:29%; width:100%;}

#footer{min-height:8%, width:100%;}

在#other articles部分的内部，我有两个div并排占据了几乎100%的宽度，在一个包装内

#link-container-a{
vertical-align:top;
position:relative;
display:inline-block;
background-color: #929193;
min-height:100%;
font-size:.95em;

}

}

}

问题是链接容器a和b以及它们的包装器只会扩展到内容的高度，而不会扩展到其他文章部分的100%。所有其他部门都很好。我的身体设置为100%高和宽，我的HTML也是如此。发生什么事了

下面是代码。绿色是“其他文章”部分，蓝色是“链接包装器”

正文{
身高：100%；
宽度：100%；
}
html{
身高：100%；
宽度：100%；
}
#包装纸{
宽度：100%；
身高：100%；
}
#link-container-b{
垂直对齐：顶部；
颜色：#FFF；
背景色：#6B6A6C；
显示：内联块；
宽度：25%；
最小高度：100%；
}
#链接包装器{
垂直对齐：顶部；
显示：内联块；
宽度：100%；
最小高度：100%；
背景色：#06F；
}
#link-container-a{
垂直对齐：顶部；
显示：内联块；
背景色：#929193；
宽度：74%；
最小高度：100%；
}
#其他物品组{
边际上限：0px；
背景色：#396；
最小高度：29%；
宽度：100%；
}
#页脚{
颜色：#FFF；
显示：内联块；
宽度：100%；
背景色：#000；
最小高度：8%；
}
#物品容器{
背景色：rgba（25520525,1.00）；
最小高度：63%；
}

文本
其他文章
更多文章
页脚

或者更好地使用堆栈代码片段功能向我们展示。希望我们永远不要在新闻中看到这个标题…有很多重复的：

#link-container-b{
vertical-align:top;
color: #FFF;
font-size: 1em;
background-color: #6B6A6C;
display:inline-block;
width: 25%;
min-height:100%;

#link-wrapper{
display:inline-block;
width:100%;
min-height:100%;
background-color:#06F;