Chiều cao tối thiểu - Thủ thuật CSS

Anonim

Các min-heightbất động sản trong CSS được sử dụng để thiết lập chiều cao tối thiểu của một yếu tố cụ thể. Các min-heightbất động sản luôn ghi đè cả heightmax-height. Tác giả có thể sử dụng bất kỳ giá trị độ dài nào miễn là chúng là một giá trị dương.

.wrapper ( height: 100%; /* full height of the content box */ min-height: 20em; /* Will be AT LEAST 20em tall */ ) .wrapper ( height: 600px; min-height: 400px; /* Will be AT LEAST 20em tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Nếu một trong hai giá trị lớn hơn ( height> min-heighthoặc ngược lại), giá trị lớn nhất sẽ là giá trị được hiển thị. Các min-heightbất động sản sẽ áp dụng cho tất cả các yếu tố ngoại trừ yếu tố phi thay thế nội tuyến, cột bảng, và các nhóm cột (ví dụ colgroup, col).

Hỗ trợ trình duyệt

I E Cạnh Firefox Trình duyệt Chrome Safari Opera
Tất cả Tất cả Tất cả Tất cả Tất cả Tất cả
Chrome dành cho Android Android Firefox Trình duyệt Android iOS Safari Opera Mobile
Tất cả Tất cả Tất cả Tất cả 59+
Nguồn: caniuse

Thuộc tính liên quan

Almanac vào ngày 15 tháng 1 năm 2021

Chiều cao

.element ( height: 500px; ) Sara Cope