Tôi làm cách nào để đặt chân trang ở cuối trang?

Question

Tôi gặp sự cố khi căn giữa chân trang của mình ở cuối trang. Dưới đây là mã của tôi

footer { 
background-color: #FFF; 
position:fixed; 
bottom: 0px; 
width: 400px; 
text-align: center; 
} 
<footer align="center"> 
    <p>March 25, 2</p> 
</footer> 

Answer 1

Chỉ cần thiết lập chiều rộng đến 100%

width: 100%; 

Answer 2

HOẶC Bạn có thể cung cấp cho chân của bạn một container và áp dụng mã này:

HTML:

<footer> 
    <div class="footer"> 
    lorem ipsum dolor 
    </div> 
<footer> 

CSS :

footer{ 
    bottom: 0; 
    position: fixed; 
    width: 100%; 
} 

.footer { 
    background: blue; 
    height: 100px; 
    margin: auto; 
    width: 400px; 
    text-align:center; 
    padding:10px; 
    color:#ffffff; 
} 

Liên kết với các Fiddle: http://jsfiddle.net/qdVbR/174/

Answer 3

Shabbir Lakdawala câu trả lời là một trong những lựa chọn của bạn, nhưng bọc bạn có floated yếu tố bên trong footer của bạn chỉ cần thêm 'div' wrapper

html

<div class="footerWrap"> 
    <div class="footer"> 
     <div class="footerContent"> 
     <p>Lorem Ipsum dolor</p> 
     </div>  
    </div> 
</div> 

css

.footerWrap { 
    width:100%; 
    position:fixed; 
    bottom: 0px; 
} 
.footer { 
    width:400px; 
    margin:auto; 
} 
.footerContent { 
    float:left; 
    width:100%; 
    background-color:#555; 
    padding:20px 0; 
} 
.footer p {float:left; width:100%; text-align:center; } 

làm việc demo