DIV CSS 웹 페이지 레이아웃 최소 높이(min-height)의 놀라운 활용_경험 교환

BOX가 두 개 있다고 가정하면 최소 높이는 150PX가 되어야 합니다.
CSS
div.box1,div.box2{
너비: 300px;
최소 높이: 150px;
배경:
float: 왼쪽; -right: 20px;
}
xhtml

IE에서는 최소 높이가 150px로 유지되지 않습니다.

최소 높이는 BOX, 내용이 있을 때 BOX의 높이가 일정하게 유지되는 경우가 있습니다

현재 IE에서는 최소 높이가 150px로 유지되지 않는 현상이 발생하고 있습니다.
해결책
IE 높이 설정
* html div.box1,* html div.box2{height: 150px;}
wellstyled.com의 해결 방법은 CSS 속성 선택 속성 선택기를 사용하는 것입니다. 🎜>div.box1,div.box2{ ......height: 150px;}
/* IE는 최소 높이를 유지하기 위해 이에 의존하며, 이를 초과하면 자동으로 아래쪽으로 확장됩니다*/
div[class].box1,div[class].box2{height: auto;}
/* 클래스 선택기(클래스) 속성이 있는 DIV 객체*/
IE는 당연히 지원하지 않으며, Opera 및 Mozilla는 지원합니다. , 이 높이를 읽고 있습니다. 적용 가능한 경우: 검색, 기사 및 기타 페이지(100% 높이가 사용되지 않으므로 발견된 콘텐츠가 적더라도 페이지가 너무 짧지 않습니다.