2014-07-13 193 views
0

請幫我修復css div內容覆蓋問題 at http://tinyurl.com/n2stvj6 相關博客文章Div。,重疊post_content Div。CSS 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; 
} 
+0

這實質上是在這裏找到答案: http://stackoverflow.com/questions/1915831/text-wrapping-around-an-absolute -positioned-div – Cyric297

+0

謝謝你的參考:)但是這裏@ user574632給出了一個簡單的解決方案。 – Sparkz

回答

1

你可以使用花車:

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

偉大:)謝謝你解決了我的問題。 – Sparkz