Chiều rộng tối đa - Thủ thuật CSS

Các max-widthbất động sản trong CSS được sử dụng để thiết lập chiều rộng tối đa của một yếu tố cụ thể. Các max-widththuộc tính ghi đè các widthtài sản, nhưng min-widthsẽ luôn luôn ghi đè lên max-widthdù 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%; max-width: 20em; /* Will be AT MOST 20em wide */ ) .wrapper ( min-width: 50em; /* Overrides max-width */ width: 100%; max-width: 20em; /* Will be AT MOST 20em wide */ )

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

Hãy lưu ý khi giả sử max-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 width300px đã được xác định với max-width600px, widthgiá trị ban đầu sẽ luôn ghi đè max-widthgiá trị 600px.