Css 在响应布局中设置元素高度？

通常，在响应性设计中，什么标记和CSS将创建具有基于百分比的高度的元素？显示如何创建两个100%高度的列，但这会在高度<100%时中断

---

具体来说，我有一个带有项目列表的边栏div，可以是短的（空的）或长的（

overflow:auto

）。但由于没有父元素具有固定的高度，

height:20%不起作用。如何在保持响应性设计的同时为侧边栏提供流畅的高度？
您是否尝试过使用垂直对齐：顶部的内联块属性？我最近看到了这篇文章，它可能会帮助你解决你的问题。通常情况下，高度只是调整大小以适应内容，所以我不确定您想要实现什么。查看这篇文章
 通常在父容器上有流体填充底部可以解决此问题

更多信息可在此处找到：

更新：关于jsbin

标记：

<div class="obj-wrapper">
 <div class="content">content</div>
</div>

抱歉，您的链接文章没有解决我的问题。在固定布局中，我可以为一个元素指定一个高度，比如说500px。在响应式布局中，我想指定50%的高度，但这不起作用。fiddle链接似乎已断开，此示例是否仍然可用？我的错，这是指向js bin的链接和示例代码（以防万一）您的解决方案有帮助。谢谢分享这个提示。
  .obj-wrapper {
    position:relative;
    width:50%;
    padding-bottom:40%;
    height:0;
    overflow:hidden;
  }
  .content {
    position:absolute;
    width:100%;
    height:100%;
    background:red;
  }