Khi tôi đang nghiên cứu các giá trị của thuộc tính overflow, tôi đã xem hai giá trị sau: auto và scroll, thêm thanh cuộn nếu nội dung tràn phần tử.Sự khác biệt giữa "tràn": tự động "và" tràn: cuộn "
Ai đó có thể giải thích cho tôi sự khác biệt giữa chúng?
Tự động sẽ chỉ hiển thị thanh cuộn khi mọi nội dung bị cắt bớt.
Tuy nhiên, thanh cuộn sẽ luôn hiển thị thanh cuộn ngay cả khi tất cả nội dung vừa khít và bạn không thể cuộn được.
overflow: scroll sẽ ẩn tất cả nội dung tràn và khiến thanh cuộn xuất hiện trên phần tử được đề cập. Nếu nội dung không tràn, thanh cuộn sẽ vẫn hiển thị nhưng bị tắt.
overflow: auto rất giống nhau, nhưng thanh cuộn chỉ xuất hiện khi nội dung đang tràn.
Có một lời giải thích tương tự về điều này here, với một số ảnh chụp màn hình để minh họa điểm.
Liên kết của bạn đã xóa điểm. Cảm ơn:) – GirishK
Hãy xem CSS Tricks.
Tự động sẽ hiển thị thanh cuộn nếu và chỉ khi nội dung tràn; nhưng cuộn sẽ luôn hiển thị thanh cuộn, cho dù nội dung có bị tràn hay không.
Thêm điểm vào câu trả lời, Overflow:auto không hoạt động trong IE7 khi vị trí của vùng chứa tuyệt đối Position relative overflow IE7. Nhưng thiết lập Overflow:scroll hoạt động
Yup, dat đã giúp cảm ơn. – GirishK
Dường như không có sự khác biệt, trên phiên bản mới nhất của Safari ít nhất: Ngay cả với 'cuộn', tôi không thấy thanh cuộn nếu nội dung phù hợp. Nhưng, chỉ để được an toàn, tôi đã đi với 'tự động' bởi vì tôi chỉ muốn hiển thị một thanh cuộn khi nội dung được cắt bớt. – ma11hew28
@MattDiPasquale OS X và Windows hiển thị thanh cuộn theo các cách khác nhau. Có thể bạn đang sử dụng Safari trên máy Mac phải không? OS X thường ẩn thanh cuộn cho đến khi bạn thực sự cuộn. –