2013-01-17 85 views
-2

我一直在努力,現在摸不着頭腦了幾個小時,使用Chrome檢查,但沒有運氣。我可能錯過了一些簡單的東西。絕對VS相對CSS塊/直列

看一看這個頁面:http://newslines.org/wiki/category/computer-people/aaron-swartz/

請查看評論鏈接的位置(看起來像每一個崗位的權利語音泡)

我從其他網站的評論鏈接,然而在該網站上,該框使用的是position:absolute。我已經嘗試了很多的變化,但我不能得到絕對的工作,只使用相對定位對我的作品。然而,這導致了文章標題和正文之間的間距的問題,如果你看的條目「2012年9月16日」你會看到,註釋氣泡下跌比它要低。

任何幫助最受讚賞!

+0

,我沒有看到您的評論的任何語音泡沫。我只看到數字。 – 2013-01-17 01:29:04

+0

我可以看到他們在Chrome中,你使用其他瀏覽器? –

+0

我只是檢查Firefox和Chrome,只看到一個0或1的標題下方。沒有泡泡。 – 2013-01-17 01:33:08

回答

0

試試這個:

.container .comments { 
    background: -moz-linear-gradient(center top , #6FB1F0 0%, #589CDC 100%) repeat scroll 0 0 transparent; 
    border: 1px solid #4A8ECF; 
    border-radius: 3px 3px 3px 3px; 
    float: left; 
    height: 25px; 
    position: relative; 
    right: -20px; 
    top: 20px; 
    width: 34px; 
} 

.archive-layout .post .title { 
    float: left; 
    font-size: 22px; 
    width: 650px; 
} 
+0

謝謝,這很好!非常感謝。 –

+0

很高興幫助:) – 2013-01-17 02:21:12