相对于其他元素的 100% 高度答案

【问题标题】：100% height relative to other element相对于其他元素的 100% 高度
【发布时间】：2013-09-17 01:24:15
【问题描述】：

是否可以让 div 占据另一个非父元素的 100% 高度？ objectif 是根据另一个 div

的大小变化自动制作一个 div 形状

【问题讨论】：

可能值得一试：stackoverflow.com/questions/10113435/…

标签： css gwt html size

【解决方案1】：

我只能这样认为：http://jsfiddle.net/vJvg5/1/

CSS：

#content {
    border:solid 1px red;
    width:300px;
    height:600px;
    margin:0 auto;
    }
#one {
    border:solid 1px green;
    height:300px;
    width:100px;
    top:50%;
    margin-top:150px;
    }
#two {
    border:solid 1px blue;
    height:100%;
    width:50px;
    }

HTML：

<div id="content">
  <div id="one">
    <div id="two"></div>
  </div>
</div>

【讨论】：

我实际上正在开发一个框架，所以我没有在任何地方添加小部件的灵活性，无论如何感谢您的帮助

【解决方案2】：

使用 GWT，您可以在 resizeEvent 上收听（如果您正在使用的小部件上可用）。

你有an example here。

CSS 也不错。

【讨论】：