Chiều rộng tối thiểu - Thủ thuật CSS

Các min-widthbất động sản trong CSS được sử dụng để thiết lập chiều rộng tối thiểu của một yếu tố cụ thể. Các min-widthbất động sản luôn ghi đè các widthtài sản cho dù sau đó trước hoặc sau widthtrong việc kê khai của mình. 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 ( width: 100%; min-width: 20em; /* Will be AT LEAST 20em wide */ )

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

Hãy lưu ý khi giả sử min-widthđược kế thừa vì thuộc tính này không kế thừa từ các phần tử mẹ khác. Nếu tác giả xác định chiều rộng bằng giá trị tuyệt đối (px, pt, in, cm, mm) thì chiều rộng tối thiểu sẽ không ảnh hưởng vì chiều rộng đã được xác định vô thời hạn. Ví dụ: nếu giá trị 200px được sử dụng làm widthchiều dài, min-widthgiá trị 100px của bạn sẽ không cần thiết vì bạn đã chỉ định giá trị tuyệt đối cho width(tức là 200px). Cách tốt nhất để sử dụng min-widthlà xác định widthgiá trị dưới dạng phần trăm và sử dụng giá trị tuyệt đối cho thuộc min-widthtính, nếu không sử dụng giá trị phần trăm cho cả hai min-widthvà widthsẽ không tạo ra kết quả mong đợi.