CSS 간격 문제 - 게시물 간 겹침?

제 의도는 post_entry 레벨을 헤드 라인으로 만드는 것입니다. 다른 사람들이 겉으로보기에 무작위로 위 또는 아래로 이동하는 동안 일부 항목이 이것을 수행하는 것으로 나타났습니다. 이 원인은 무엇입니까? 어떻게 수정/방지합니까? 사이트 - http://whskytngfxtrt.com CSS 간격 문제 - 게시물 간 겹침?

enter image description here

감사합니다 (빨간색 라인의 기울기는 문제를 보여줍니다).

출처

2012-03-27 AMC

HTML이 엉망입니다. P 태그에 게시물, 이미지, 링크 및 전체 내용을 래핑하지 않아야합니다. 게시물을 감싸는 DIV 또는 LI를 고려하십시오. 또한 HTML에서는 ID가 고유해야하지만 문서 전체에 id = "headline"이 있습니다. FIX가 필요하지 않습니다. 다시 작성해야합니다. –

모든 항목이 들어있는 하나의 큰 DIV.post_entry가 있습니다. 모두 따로 따로 묶습니다. –

어떻게 분리하여 포장합니까? – AMC

#main .post_entry 및 p를 사용하여 모든 것을 넣는 여백 위쪽과 관련이 있다고 생각하지만 HTML을 정리하지 않는 한 (Diodeus 및 Didier Ghys 권장대로 : 모든 div div에 넣음) 확실히 말할 수는 없습니다. 죄송합니다!

#main .post_entry p { 
font-size: 80%; 
font-weight: normal; 
line-height: 150%; 
margin-left: 230px; 
margin-bottom: 25px; 
margin-top: -82px; 
overflow: hidden; 
width: 403px; 
margin-top: -82px; 
}

보시다시피, -82의 두 마진 탑이있다 : 당신의 CSS에서

, 나는이 부분에서 뭔가를 발견했습니다.

출처

2012-03-27 20:52:14 Rvervuurt

이것을 지적 해 주셔서 감사합니다. 나는 그것을 간과했다고 생각합니다. 두 번째 margin-top 제거는 도움을 주었지만 완전히 수정하지는 않았습니다. – AMC

CSS 간격 문제 - 게시물 간 겹침?

답변

관련 문제