붕괴의 높이를 해결하는 방법

　　친구 안녕하세요, 나는 다시 아 가자! 오른쪽에, 오늘의 주제는 붕괴 그것의 높이입니다.

　　먼저 붕괴의 높이 무엇인지 알아야합니다. 부모 요소의 높이를 결정하지 않을 때 실제로, (즉, 서브 - 소자 내놓고 부모 요소의 높이), 및 부동 하위 요소를 첨가는, 콘텐츠가 부모 요소의 높이 발생 매우 붕괴이며 친 요소를 지탱할 수 붕괴의 높이를 말한다.

　　해결 방법 :

　　　　제 1 오픈 BFC 소자는, 소자는 다음과 같은 특성을 가질 것이다
　　　　　　　　　　세로 1을 외부로부터의 부모 요소 및 하위 요소를 중첩되지 않는
　　　　　　　　　　부유 요소에 의해 커버되지 2. BFC 요소
　　　　　　　　　　요소 3 개구 수도 BFC을 부동 포함하는 하위 요소

길을 BFC 속성 요소를 엽니 다

　; 숨겨진 첫째, 부모 요소, 명확한 플로트 오버 플로우에 문을 추가 
　　그것은 일반적으로 권장되지 않지만,이 방법의 부모 요소의 폭을 잃게됩니다,이 방법은 다른 구조적 문제를 일으킬 수 아래의 요소를 이동 될 수 있습니다 .

　둘째, 위치 요소 설정 
 
　디스플레이로 설정 세 가지 요소 : 인라인 블록을, 당신은 또한 문제를 해결할 수 있지만 폭의 손실을 초래할 것,이 방법을 사용하지 않는 것이 좋습니다

　　　　둘째, 자식 요소 뒤에 빈 사업부를 추가 떴다, 그 요소 DIV 스타일에 추가 :

23 *이 사업부는 부유하지 않기 때문에 그는 부모 요소의 뻗어 높이가 될 수 있기 때문에 
24 *를 한 후 부모 요소 빈 DIV의 높이에 의해 부드럽게 할 수있는, 그들에게 떠 제거 
없이 25 * 기본적으로 부작용

　　　　　　.boxWrap의 .con { 
　　　　　　　　　　명확 : 모두; 키 : 0; 오버 플로우 : 숨겨진;

　　　　　　　　}

　　　　　　</ DIV>

　　　　셋째, 보편적 명확한 플로트 공정 :

　　　　　　.boxWrap : 후 {

　　　　　　　　　　　　함유량:".";

　　　　　　　　　　　　디스플레이 : 블록;

　　　　　　　　　　　　명확 : 모두;

　　　　　　　　　　　　키 : 0;

　　　　　　　　　　　　오버 플로우 : 숨겨진;

　　　　　　　　　　　　가시성 : 숨겨진;

　　　　　　　　}

　　　　　　</ DIV>

　　이 방법은 있지만, 문제를 해결하기 위해, 부모 요소의 구조와 스타일을, 새로운 문제를 만들 수 없습니다 방해하지, 최적의 솔루션이며, 따라서 당신이 사용되는 가장 권장되는 방법입니다.

OK, 여기에 방법의 높이의 붕괴를 해결하기 위해 당신은 어떤 다른 좋은 방법이 있다면, 당신과 함께 공유하기 위해 함께 온 오신 것을 환영합니다, 이상 도입되었습니다!

붕괴의 높이를 해결하는 방법

추천