Css sắp xếp đến cuối trang

Question

Tôi muốn chân trang của mình luôn ở dưới cùng và di chuyển để điều chỉnh kích thước của nội dung bên trong trang. Ngay bây giờ tôi có cotent năng động bao gồm footer bởi vì nó có nhiều nội dung.

Làm thế nào tôi có thể sửa chữa css của tôi

div#Footer 
    { 
     width: 100%; 
     height: 80px; 
     padding: 1px; 
     -moz-border-radius: 35px; 
     border-radius: 35px; 
     background-color: Black; 
     color: #ffffff; 
     position: fixed; 
     bottom: 0; 
     text-align: center; 
     margin-left: auto; 
     margin-right: auto; 
    } 

Answer 1

Điều này đã được hỏi vô số lần, bạn đang tìm kiếm Chân trang Chú ý.
Chỉ cần làm theo liên kết ở đó, đây là một kỹ thuật nổi tiếng và chúng cung cấp tất cả mã nguồn ở đó.

Answer 2

Bạn cần phải đăng hơn html/css là tích cực về những gì đang xảy ra ở đây, nhưng có vẻ như chân của bạn đang được bao phủ bởi trang nội dung của bạn. Nếu đây là trường hợp sau đó thiết lập một z-index trên chân trang có lẽ sẽ sắp xếp vấn đề.

z-index: 1000; 

Điều này thường có thể được sắp xếp bằng cách đảm bảo chân trang xuất hiện ở cuối html của bạn, vì các phần tử được khai báo sau đó xuất hiện ở đầu trang trước đó.

Answer 3

Một chút không rõ ràng những gì bạn muốn nhưng mã này đã hoạt động tốt đối với tôi.

Tín dụng - http://css-tricks.com/snippets/css/fixed-footer/

#footer { 
position:fixed; 
    left:0px; 
    bottom:0px; 
    height:30px; 
    width:100%; 
    background:#999; 
} 

/* IE 6 */ 
* html #footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 

Answer 4

Đây là một giải pháp đơn giản hơn.

#footer { 
    bottom: 0%; 
    position: fixed; 
}