이미지에 따라 내 기사의 크기를 어떻게 변경합니까?

Question

방금 ​​HTML5 파일에 기사를 만들었습니다. 그 기사에는 이미지가 포함되어 있습니다. 기사에는 하단에 테두리가 있습니다. 이제는 창 크기를 조정하여 이미지를 더 크게 만들 때마다 이미지가 테두리 밖으로 나가는 문제가 있습니다. 나는 테두리가 이미지와 크기를 바꿀 것을 원한다.

<article> 
    <p> 
    <img image /> 
    </p> 
    <p> 
    text 
    </p> 
</article> 

왼쪽 수레 내부 이미지와 P-태그는, 텍스트의 p 태그가 바로 옆에 수레 :

다음은 기사 내 페이지처럼 보이는 방법의 예입니다.

더 명확히하려면 : 기사 태그의 크기를 이미지 높이로 조정하고 싶습니다. 또는 관련되지 않을 수있다

article { 
    overflow: auto; 
} 

예 :

Answer 1

그냥 작업 예제 또는 CSS 중 하나를 보지 않고, 추측하지만, article 요소에 overflow: auto를 추가하는 것은 그것의 부양 자녀를 포함하게됩니다 우리가 볼 수없는 CSS : http://codepen.io/paulroub/pen/opnfG