HTML分割空间和调整大小答案

【问题标题】：HTML division of space and resizementHTML分割空间和调整大小
【发布时间】：2011-07-27 02:59:41
【问题描述】：

我目前正在开发一个 Chrome 扩展程序（这意味着我不需要跨浏览器解决方案）。

基本上，我希望将我的网页分成两部分。左面板将占据 20% 的宽度和 100% 的高度，而右面板将占据 80% 的宽度和 100% 的高度。这些面板将包含各种元素、文本区域、列表、选择。

问题是我不知道如何实现这一点并处理调整大小。目前，我正在使用带有 window.onresize 钩子的 jQuery。我会根据窗口的大小不断更改宽度和高度。

我想知道这是否可以用更简单的方式完成，例如使用 CSS。我应该使用什么？一个 div、一个表格等等……

提前致谢。

【问题讨论】：

标签： html space

【解决方案1】：

您可以将现有面板或元素 div 和 span 放在包含的相对 div 中。如果您将 position:absolute 用于面板 div，然后它们将被定位绝对，相对于包含的 div，而不是页面正文。

【讨论】：

【解决方案2】：

请将css添加到您的div中，添加min-height和max-height属性

#mydiv{
 min-height: 700px;
}

【讨论】：