Chân trang dính - Thủ thuật CSS

Anonim

Hoạt động tốt nếu bạn có thể áp dụng chiều cao cố định cho chân trang.

 Content! I'm the Sticky Footer. 
* ( margin: 0; ) html, body ( height: 100%; ) .page-wrap ( min-height: 100%; /* equal to footer height */ margin-bottom: -142px; ) .page-wrap:after ( content: ""; display: block; ) .site-footer, .page-wrap:after ( height: 142px; ) .site-footer ( background: orange; )

Xem Pen Sticky Footer của Chris Coyier (@chriscoyier) trên CodePen.