콘텐츠 이미지 높이를 사용하도록 div를 설정하는 방법은 무엇입니까?

this Wordpress theme에는 높이가 다른 이미지를 사용하겠습니다. 그래서, 파이어 폭스의 "inspect element"를 테스트하면서 div의 높이가 이미지 높이와 함께 커지도록 CSS를 수정하려고합니다.콘텐츠 이미지 높이를 사용하도록 div를 설정하는 방법은 무엇입니까?

이미지 요소를 검사함으로써 <div> 돌며 인 <a> 내부 이미지 참조 :

<article id="post-81" class="post-81 post type-post status-publish format-image hentry category-artwork category-photos category-writing tag-panache"> 

    <header class="entry-header"> … </header> 
    <!-- 

    .entry-header 

    --> 
    <div class="entry-thumbnail"> 
     <a rel="bookmark" href="http://fontfoliodemo.wordpress.com/2011/07/07/jellyfish/"> 
      <span class="entry-format"> … </span> 
      <img class="attachment-featured-home-small wp-post-image" width="282" height="211" title="Jellyfish" alt="Jellyfish" src="http://fontfoliodemo.files.wordpress.com/2011/07/img_0429.jpg?w=282&h=211&crop=1"></img> 
     </a> 
    </div> 

</article>

을하지만 height:auto이 3 개 요소를 설정하면 <div>는 0px의 계산 된 값을 가질 것이다. 왜? <a> 요소와 관련이 있습니까? 나는 그것이 전체 높이의에이 이미지를 보려고

enter image description here

: 나는 teste을 사용하고

이미지를 (이미지를 개최 할 <a> 요소가 없다처럼 다른 테마로 보인다).

출처

2013-11-15 Tom Brito

<div>의 자식은 <a> 인 position:absolute이므로 높이가 0입니다. <div>을 height:auto으로 설정하면 자녀를 포함하는 데 필요한만큼 키가 커지지 만 유일한 자식은 절대적이며 그 사람의 신장은 부모에게 아무런 의미가 없습니다.

의 높이가 <a> 인 경우 앵커에서 위치를 제거하기 만하면 테마에 따라 이점이 전혀 없습니다.

출처

2013-11-15 03:49:08 TreeTree

대단히 고마워요! 이것이 첫 번째 단계입니다. 제 생각에이 무료 테마를 유료 테마처럼 보이게 만드는 것입니다. http://travelerdemo.wordpress.com/ 다시 한번 감사드립니다! –

단지 높이를 100 %로 설정할 수 없습니까?

출처

2013-11-15 03:47:36

큰 높이의 이미지를 컨테이너에 맞게 압축 할 때 컨테이너가 콘텐츠 이미지의 높이에 맞추기를 원합니다 ... (내 샘플 이미지를 설명에 추가했습니다) –

콘텐츠 이미지 높이를 사용하도록 div를 설정하는 방법은 무엇입니까?

답변

관련 문제