jQuery 自动将元素适应其父元素（如 extjs）答案

【问题标题】：jQuery auto fit element to its parent (like extjs)jQuery 自动将元素适应其父元素（如 extjs）
【发布时间】：2013-12-07 13:37:36
【问题描述】：

我正在使用 kendoui，它是一个噩梦，采用元素并自动扩展它以适应其父级。
是否有任何用于 kendoui / jquery 的插件来自动获取任何元素（网格/面板/div）并适合其父级？

它还需要支持父尺寸变化。

$("#kendoGrid").fitToParent();

编辑
然后执行 fitToParent，子 div (#kendoGrid) 将是其父级的 100% 宽度和高度。

【问题讨论】：

【解决方案1】：

网格小部件在调整其高度时有点令人沮丧，因为它在元素上放置了 height CSS 样式，并且您只能为该高度指定像素大小。

但是，您可以使用 CSS !important 指示器来解决它（我讨厌它，但您能做什么？）

<div id="wrapper">
    <div id="grid"></div>
</div>

#wrapper {
    height: 200px;
}
#grid {
    height: 100% !important;
}

【讨论】：