CSS : 부모/자녀 신장 문제

Question

사이드 바 높이에 어려움이 있습니다.

내 컨테이너가 올바른 높이 (내부 내용의 높이)를 표시하지만 해당 높이의 100 %를 사용해야하는 사이드 바가 여전히 나타나지 않습니다.

아래 제안 사항 중 하나 (http://www.quirksmode.org/css/clearing.html)를 구현했지만 사이드 바가 여전히 나타나지 않습니다.

나는 이것이 당신에게 찬성하는 간단한 팁이라고 생각합니다.

감사합니다,

톰

여기 내 코드입니다 : http://jsfiddle.net/tomperkins/wy52B/

Answer 1

체크 아웃 this way 수레를 삭제, 그것은 많은 청소기의 사용하기 쉬운.

Answer 2

그것은 대부분의 경우 필요는 없습니다 clearfix

를 사용하지 마십시오, 그것은 확실히 의미하지 입니다.

대부분의 경우 간단한 해결책은 부모를 떠 다니는 것입니다.

HTML :

<div class="parent"> 
    <div class="child"> 
    </div> 
    <div class="child"> 
    </div> 
</div> 

CSS :

.parent 
{ 
    float: left; 
    width: 100%; /*or whatever you want it to be*/ 
} 

.child 
{ 
    float: left; 
    width: 50%; 
}