콘텐츠가 래퍼의 경계를 넘어서고 있습니다 ... (HTML/CSS)

Question

저는 웹 사이트에서 일하고 있는데 왜 그 일을하는지 이해할 수 없습니다. 문제는 콘텐츠 영역의 텍스트가 래퍼를 넘어서고 있다는 것입니다. 나는 내가 간과하고있는 아주 간단한 실수이며, 신선한 눈이 내 실수를 발견 할 수 있기를 바랄뿐입니다. 오버플로 된 이미지에서 강조 표시했습니다. 감사! 개렛

사이트 : 클래스 post와

div

Answer 1

어떻게 든 div 수레를 지우지 않습니다. 이렇게하면 크로스 브라우저에 대한 문제가 해결됩니다.

업데이트 CSS :

div#wrapper { 
    overflow:hidden; 
} 

Answer 2

은 현재 사용하지 않는 그 내용에 관심을 0 픽셀 라인입니다 : 여기 http://thinkgarrett.com/hello/index.php

는 스크린 샷입니다.

변경 postinline-block의 디스플레이 유형 :

.post { 
    width: 720px; 
    display: inline-block; 
} 

Answer 3

이 CSS를 시도 ... 요소가 명시 적으로 (하나를 사용하지 않는 한, 부양 자녀를 포함하도록 확장하지 않는

#latestPost { 
    overflow: hidden; 
} 

많은 clearfix 기술 중 하나).