Bày tỏ IT

Đăng IE 6, MSIE đã được loại, đủ cho chúng tôi giao diện người dùng phát triển bằng cách thêm một vài chi tiết tiêu chuẩn CSS tài sản hầu hết các trình duyệt tiêu chuẩn khác. Một trong những hữu ích sở hữu "chiều cao-min". Tài sản khá thẳng về phía trước mà không cần giải thích dài hơi. Khi min-height cho một bộ phận được thiết lập, nó luôn luôn giữ lại rằng chiều cao thiết lập khi nội dung đó nhà chiếm ít hơn nó có thể giữ và quan trọng (không giống như vani đồng bằng sở hữu "chiều cao") quy mô hoặc nói cách CSS, nó hoạt động như một bộ phận có "chiều cao" được thiết lập để "tự động" ...

Đối với một số người trong chúng ta phát triển nghèo, những người vẫn còn được yêu cầu mã CSS cũng phải làm việc trong IE6, bỏ sẵn có của "min-height", có thể chứng minh một stopper hiển thị đôi khi ... donot tuyệt vọng.

May mắn thay, chúng tôi có đủ quirks trong IE, chúng tôi sẽ sử dụng lợi thế ra và hack theo cách của chúng tôi thông qua việc đạt được mục tiêu của chúng tôi ... tức là làm cho một bộ phận PHÂN như là mặc dù chiều cao min trong IE6

Giải pháp 1: Sử dụng Hack gạch dưới [ ... Tìm hiểu thêm ]

.box1 {
min-height: 200px;
height:auto;
_height:200px;
}

HTML: -
<div class="box1">Some dynamic content with variable height ...</div>

---

Giải pháp 2: Sử dụng các thuộc tính CSS Selector Hack

.box2 {
min-height:200px;
height:200px;
}
div[class] .box2 {
height:auto;
}

HTML: -
<div class="someclass">
<div class="box2 common">Some dynamic content with variable height ...</div>
</div>


Hack Lựa chọn các thuộc tính CSS có lợi thế của các trình duyệt trước đó tha IE6 bỏ qua atribute-chọn. Lưu ý các yêu cầu của một bộ phận container với lớp học "SomeClass" =. Chỉ cần sự hiện diện của các thuộc tính lớp cho bộ phận này, ghi đè chiều cao trở lại tự động cho Opera, Mozilla và MSIE7 và sau đó. IE6 không hỗ trợ chọn atribute, bỏ qua nó.

Xem Demo min-height hack cho IE6