Div 折叠更改位置答案

【问题标题】：Div Collapse Changes PositionDiv 折叠更改位置
【发布时间】：2012-03-11 12:32:46
【问题描述】：

我正在尝试让此代码适用于我的网站，但它遇到了问题。当您单击工作链接时，它会折叠我的标题 div，然后当您单击其他链接时使 div 显示正常。这一切都正常工作。

当您尝试调整浏览器窗口大小时会出现此问题。它使#header div 的行为就像它不是相对定位的一样。 #header div 和页面大小的其余部分相互重叠。该页面基于 %，我希望它能够调整大小/缩放。我不确定为什么会这样。谁能帮我理解它为什么这样做以及如何解决它？

仅供参考-我无法使用 jquery .slideUp/.slideDown。它会干扰我将在我的网站上使用的另一个插件。

【问题讨论】：

【解决方案1】：

我猜主要原因是代码行：

 $("#header").height($("#headwrapper").height());

当按钮单击时，它会将#header 的高度从“auto”设置为固定值。但是，当您更改浏览器视口时，固定值不会改变，这使得它们看起来好像不是相对定位的。尝试将其更改为：

$("#header").height("auto");

它可能不是唯一需要调整的地方，但我认为这是一个线索。我希望这会有所帮助:-)

【讨论】：