div 항목 div 중

Question

저는 꽤 새로운 html 개발자입니다. 제 페이지에서 div를 많이 사용하고 있습니다.

div 항목 중 일부는 div 태그 내에 정의되어 있지만 div 내에 있지 않습니다.

여기에 무엇이 없습니까? div 내의 모든 항목이 div 내에서 렌더링되도록하는 방법은 무엇입니까?

Answer 1

코드가 아닙니까? 수정 구슬을 꺼낼 시간. stops them from influencing the height of the container.force containers to wrap floating content에는 여러 가지 방법이 있습니다. 그 중 하나를 선택하면됩니다.

Answer 2

아이가있는 컨테이너가있는 것처럼 보입니다. 부모 컨테이너가 무너지는 이유입니다.

<div id="parent" title="this collapses"> 
    <div style="float:left" title="child div"></div> 
</div> 

나는 부모님이 무너지는 것이 문제라고 생각합니다.

용액은 다음

1. 플로트 한 것이라고 상위 DIV (가능).
2. 스타일 오버플로 : hidden 또는 auto를 상위 div에 추가하십시오.
3. clear div * 클래스에 부모 클래스에 clearFix * 클래스를 추가하십시오 (아래 참조).
4. 높이를 설정합니다 (가능한 경우).

* clearfix :

.clearfix:after { 
content: "."; 
display: block; 
clear: both; 
visibility: hidden; 
line-height: 0; 
height: 0; 
} 
.clearfix { 
display: inline-block; 
} 
html[xmlns] .clearfix { 
display: block; 
} 

* html .clearfix { 
height: 1%; 
}