css - 为什么 Tumblr 上的这个包装器不包含 block 中的所有内容？

Question

Here's我的网站。

我愚蠢地更改了一些我无法还原的内容，现在底部的两个帖子不包含在包装器中，即它们展开以覆盖页面的整个宽度，而不是放在容器中。

这是我的代码:

<div class="wrapper">
  <div class="autopagerize_page_element">

  <div class="posts"></div>
  <div class="header-posts">
    <!-- LINK START -->
    <div class="left">
      <h3><a href="http://www.youtube.com/janedoe"  target="_blank" >Jane Doe</a></h3>
      <h4><p>Description</p></h4></div>
    </div>
    <div class="right frame">
      <img src="http://33.media.tumblr.com/avatar_6f4efed0cfcf_30.png" style="border-radius: 40px;">
    </div>
    <div style="clear:both"></div>    
    <!-- LINK END -->
  </div>

  <div class="posts"></div>
  <div class="header-posts">
    <!-- LINK START -->
    <div class="left">
      <h3><a href="http://youtube.com/johnsmith"  target="_blank" >John Smith</a></h3>          
      <h4><p>Description</p></h4></div>                    
    </div>
    <div class="right frame">
      <img src="http://33.media.tumblr.com/avatar_6f4efed0cfcf_30.png" style="border-radius: 40px;">
    </div>
    <div style="clear:both"></div>
    <!-- LINK END -->        
  </div>

  <div class="posts"></div>
  <div class="header-posts">
    <!-- LINK START -->
    <div class="left">
      <h3><a href="http://www.youtube.com/joebloggs"  target="_blank" >Joe Bloggs</a></h3>            
      <h4><p>Description</p></h4></div>             
     </div>
     <div class="right frame"></div>
     <div style="clear:both"></div>
     <!-- LINK END -->
  </div>

  <div class="posts"></div>
  <div class="header-posts">
    <!-- LINK START -->
    <div class="left">
      <h3><a href="http://www.youtube.com/exampleperson"  target="_blank" >Example Person</a></h3>
      <h4><p>Description</p></h4></div>
    </div>
    <div class="right frame">
      <img src="http://33.media.tumblr.com/avatar_6f4efed0cfcf_30.png" style="border-radius: 40px;">
    </div>
    <div style="clear:both"></div>
  </div>

  </div>
<!-- PAGINATION --> 
</div>

我可以看到问题(<div class="right frame"> 在第三个 block 中关闭，里面什么也没有)但问题是我在 Tumblr 上编辑，它在编辑器中看起来像这样:

{block:Link}
<div class="left">
  <h3><a href="{URL}" {Target}>{Name}</a></h3>
  {block:Description}
  <h4>{Description}</h4></div>
  {/block:Description}
</div>
<div class="right frame">
  <img src="{PostAuthorPortraitURL-30}" style="border-radius: 40px;">
</div>
<div style="clear:both"></div>
{/block:Link}

我的第二个问题是:我怎样才能更好地排查问题，以便将来自己解决这些问题？

Answer 1

这就是为什么:

<h4>{Description}</h4></div>

查看额外的 </div> ？它可能会关闭您的包装器。