요소의 적응 높이

요소의 높이 적응

콘텐츠에 따라 웹 페이지 레이아웃의 높이를 조정해야 하는 경우가 있어 수정할 수 없는 경우가 있습니다. 오늘은 적응 가능한 최소 높이에 대해 이야기하겠습니다.

속성: min -height는 최소 높이이지만 IE6에서는 이 속성을 인식하지 못합니다. Height는 IE6의 min-height 속성과 유사합니다.

다음은 BUG 문제를 해결하는 방법입니다. >

hack1: min-height:value; _height :value; (IE6은 밑줄 "_"과 별표 " * "를 인식할 수 있고, IE7은 별표 " * "를 인식할 수 있지만, Firefox는 밑줄 "_"을 인식할 수 없습니다. 둘 다)

hack2 ：min-height:value; _height:auto !important; height:value;(권장)

최소 높이 최소 높이

최대 높이 height

min -width 최소 너비

max-width 최대 너비

플로팅 요소의 높이는 가변적입니다

상위 요소에는 높이와 너비가 설정되어 있지 않으며 내부에 있습니다. 플로팅 요소가 포함되면 높이가 축소됩니다. 높이 축소 문제를 해결하는 것은 매우 간단합니다. 상위 요소를 플로팅하고 메서드를 지울 수 있습니다.

hack1을 구현할 수 있습니다. 속성: float에 float를 추가합니다.

hack2: 부모 요소에 속성을 추가합니다. Overflow: Hidden; 부동 요소 아래에 있는 div를 비우고 이 요소에 속성을 추가합니다.clear: two ; height: 0;overflow:hidden

hack3: 이 명령문을 상위 요소에 추가합니다(권장). 요소: 이후{내용: "."; 높이:0; 표시: 블록; 모두 표시: 숨김;}