php - CSS Div 内联 block 内容叠加

Question

请帮我解决 css div 内容覆盖问题 在 http://tinyurl.com/n2stvj6 相关博文 Div. 与 post_content Div 重叠。

我需要在没有内容重叠的情况下在上面的 url 中使用相同的布局。

<div class="post_content">

      <div class="related-blog-posts">
      related content
     </div>

   <p> content goes here </p>

</div>

Css:
.post_content {
    position:relative;
}
.related-category-posts {
    position: absolute;
    top: 100px;
    right: 0;
    /* display: inline-block; */
    /* overflow: hidden; */
    background: #ccc;
    padding: 10px;
    width:230px;
}

Answer 1

你可以只使用 float :

.post_content {
    overflow:hidden
}
.related-category-posts {
    float:right;
    background: #ccc;
    padding: 10px;
    width:230px;
}