Chiều cao tối đa - Thủ thuật CSS

Các max-heightbất động sản trong CSS được sử dụng để thiết lập chiều cao tối đa của một yếu tố cụ thể. 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. max-heightghi đè chiều cao, nhưng min-heightluôn ghi đè max-height.

.wrapper ( height: 100%; /* full height of the content box */ max-height: 20em; /* requires an absolute value for height. */ ) .wrapper ( height: 50px; max-height: 20px; /* Will be AT MOST 20px tall : overrides height */ ) .wrapper ( min-height: 400px; /* overrides height and max-height */ height: 200px; max-height: 300px; )

Kiểm tra cây bút này!

Phần trăm được tính theo chiều cao của khối chứa. Nếu chiều cao của khối chứa không được chỉ định rõ ràng, giá trị phần trăm được coi là không có. Các max-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).