Since it is no longer in the normal

Since it is no longer in the normal flow, padding-bottom of #content now provides the space for the absolute #footer. This padding is included in the scrolled height by default, so that the footer will never overlap the above content.

Scale the text size a bit or resize your browser window to test this layout. The CSS file is over here.

Kết quả (Việt) 1:

Kể từ khi nó không còn ở trong dòng chảy bình thường, padding-bottom của #content bây giờ cung cấp không gian cho tuyệt đối #footer. Đệm này được bao gồm trong chiều cao cuộn theo mặc định, vì vậy mà chân không bao giờ sẽ chồng chéo các nội dung nêu trên.Quy mô kích thước văn bản một chút hoặc thay đổi kích thước cửa sổ trình duyệt của bạn để thử nghiệm các cách bố trí này. Các tập tin CSS là ở đây.

Kết quả (Việt) 2:

Kể từ khi nó không còn trong dòng chảy bình thường, padding-bottom của #content hiện nay cung cấp không gian cho #footer tuyệt đối. Đệm này được bao gồm trong các chiều cao cuộn theo mặc định, do đó chân sẽ không bao giờ trùng nội dung trên.

Quy mô kích thước văn bản một chút hoặc thay đổi kích thước cửa sổ trình duyệt của bạn để kiểm tra cách bố trí này. Các tập tin CSS là ở đây.