Absolute vs Relative CSS 블록/인라인

Question

크롬 검사기를 사용했지만 운 좋게도 몇 시간 동안이 문제를 해결하려고 노력했습니다. 아마 뭔가 간단한 것이 없을 것 같습니다.

이 페이지를 살펴 유무 : http://newslines.org/wiki/category/computer-people/aaron-swartz/

이 코멘트 링크의 위치를 ​​확인하십시오, 나는 다른 사이트에서 주석 링크를했다

(모든 게시물의 권리에 연설 거품 모양) 그러나 해당 사이트에서 상자는 절대 위치를 사용했습니다. 나는 많은 변형을 시도했지만 절대적으로 일할 수는 없으며 상대 위치 지정을 사용하는 경우에만 작동합니다. 그러나 게시물 제목과 본문 텍스트 사이에 간격 문제가 생기며 "2012 년 9 월 16 일"항목을 보면 주석 거품이 아래보다 낮게 표시됩니다.

도움이 되었습니까?

Answer 1

이 시도 : 나는 의견에 대한 연설 거품을 보이지 않아요

.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; 
}