一般来说，什么标记和CSS会在响应式设计中创建一个基于百分比高度的元素？
How to build a 2 Column (Fixed – Fluid) Layout with Twitter Bootstrap?示出如何创建两个100％高度的列， 100％。
具体来说，我有一个侧边栏的div列表的项目，可以是短(空)或长(溢出：汽车)。但因为没有父元素有固定的高度，高度：20％;不工作。如何在保持响应式设计的同时给边栏一个流体高度？
解决方法
通常在父容器上有一个流体填充底部解决了这个问题。
更多信息可以在这里找到：http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
update：on js bin http://jsbin.com/obesuk/1/
标记：
<div class="obj-wrapper"> <div class="content">content</div> </div>
css：
.obj-wrapper {
position:relative;
width:50%;
padding-bottom:40%;
height:0;
overflow:hidden;
}
.content {
position:absolute;
width:100%;
height:100%;
background:red;
}
