Php 更改DIV'；当发生换行时，通过JavaScript设置的高度

我甚至不知道这是否可能，但是，我希望JavaScript能够为这个问题提供解决方案。我有一个DIV，它显示了我正在处理的WordPress模板中每个页面的标题

<div class="grid-block" id="page">

  <div id="page-info">

    <h3>#<?php is_home() ? bloginfo('description') : wp_title("",true); ?></h3>

  </div><!-- #page-info -->

</div><!-- .grid-block #page -->

#

被调用到DIV中的文本具有不同的长度，有时会超过DIV。当文本超过DIV时，它会像应该的那样进行包装。然而，我正在尝试在单词包装后调整此DIV的“高度”。我不知道是否可以添加某种类型的eventListener或其他东西，但是，纯HTML和/或CSS似乎没有解决此问题所需的组件

---

此外，我知道我“可以”使用@media（media querys）来模拟这种效果，但是，据我所知，这只能根据窗口的宽度进行，我希望DIV“仅”在字符串超过此DIV的宽度时重新调整大小。有关我尝试执行的操作的演示，请访问。我感谢任何人对此事的评论、建议和建议。提前谢谢。

您需要“信息”页面上的固定高度吗？如果你只使用padding:10，div#page info会自动环绕文本。

我更新了fiddle，你现在可以检查了。。虽然，是的，通过从CSS规则中删除“height”属性，#page info div会像我预期的那样工作，但如果紧接着有div后续div，它就不会工作。对于这种混淆我深表歉意，我已经在JSFIDLE中更新了我的代码：。我看到现在有两个固定高度。80像素用于页面，36像素高度用于页面信息。我会把它们都去掉，在页面底部留一个空白。或者您想将80px页面与另一个div垂直对齐？是的，#页面将与另一个div垂直对齐，该div将与另一个div相对“float:left”。但是，一旦页面达到指定的维度（即：小于700px宽），该DIV将放置在其下方。但是，我使用媒体查询（或@media（最小宽度和最大宽度））将DIV的方向设置为超出某个宽度。我知道，如果我在CSS规则中省略“height”属性，并简单地将填充保持在“10px”，那么DIV将按照我希望的方式进行包装，下面有一个DIV，它从上面跑过。可以在此处找到这方面的示例：。此外，当页面宽度低于700px时，“页面信息”下方会有一个“不同”的DIV，而“页面信息”也会在该DIV上运行。。。在文本内部换行之后。当文本从内部换行时，我试图动态地向下推后续DIV（在#page info下面）。好的，您可以使用JS调整另一个DIV的大小，如下所示：

$（function（）{var pageHeight=$（“#page”）.height（）；$（“#otherDiv”）.height（pageHeight）；}）和可能在调整大小事件上：
$（窗口）.resize（函数（）{…}）