Question

好的，所以我尝试使用CSS3将此页脚粘贴到页面底部。有谁知道我会如何轻易地将它贴在底部？

提前致谢 -Jaydon。

    width:19%;
    height:7%;
    -webkit-border-radius: 30px 30px 0px 0px;
    -moz-border-radius: 30px 30px 0px 0px;
    border-radius: 30px 30px 0px 0px; 
    background-color:#FFFFFF; 
    position:relative; 
    margin:0 auto; 
    padding:0; 
    bottom 0px;

我到处寻找：＆＃39;（

Answer 1

尝试position:fixed - 例如http://jsfiddle.net/VFX9L/

#footer {
    width:19%;
    height:7%;
    -webkit-border-radius: 30px 30px 0px 0px;
    -moz-border-radius: 30px 30px 0px 0px;
    border-radius: 30px 30px 0px 0px; 
    background-color:#F00; 
    position:fixed;
    margin:0 auto; 
    padding:0; 
    bottom: 0;
}

Answer 2

如果你愿意，可以尝试一下，就像@sinisterfrog说的那样。

enter link description here

html, body{padding:0;margin:0;}
#footer {
    height:10%;
    position:fixed;
    margin:0 auto; 
    padding:0; 
    bottom: 0;
    width:100%;
    text-align:center;
     -webkit-border-radius: 30px 30px 0px 0px;
    -moz-border-radius: 30px 30px 0px 0px;
    border-radius: 30px 30px 0px 0px; 
    background-color:#B1EBBA; 
}

p{padding:10px;margin:15px 0;}

如何将这个div粘贴到页面底部

2 个答案: