如何将div粘贴到位？

我需要固定位置与滚动所以就用position:sticky但我不定位在哪里放置。我试过这个。 Link 如何将div粘贴到位？

2014-02-25 Harshana

不使用

标签被弃用.. !! –

好吧，我删除该标签。但仍然没有工作.. – Harshana

更改顶部：500;到底：0和位置：粘，位置是：固定 –

HTML

<div id="footer" > 
     <p><a href="#">copywrite @PP 2014</a></p> 
    </div>

CSS

#footer { 
    height:20px; 
    width:100%; 
    text-align:center; 
    position:fixed; 
    bottom:0px; 
    left:0px; 
    background-color: purple; 
    z-index:60; 
    vertical-align:text-top; 
    padding-bottom:15px; 
} 
#footer p a { 
    color: white; 
    text-decoration: none; 
    font: 12px Arial, Helvetica, sans-serif; 
    text-transform: uppercase; 
    text-shadow:0px 1px 1px rgb(0, 0, 0); 
    -webkit-text-shadow:0px 1px 1px rgb(0, 0, 0); 
    -moz-text-shadow:0px 1px 1px rgb(0, 0, 0); 
    -o-text-shadow:0px 1px 1px rgb(0, 0, 0); 
    -ms-text-shadow:0px 1px 1px rgb(0, 0, 0); 
}

小提琴

输出：

enter image description here

建议：

不要使用<center>标签，它已经过时了。

此功能已经从网络中移除。虽然有些浏览器可能仍支持它，但它正在被丢弃。不要在旧项目或新项目中使用它。使用它的页面或Web应用程序可能会在任何时间中断。

Source

更改为您CSS制作是

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

来源

2014-02-25 05:23:45

您需要使用fixed而不是sticky。

position: fixed; 
bottom: 0px;

来源

2014-02-25 05:09:17

我用fixed.But它不是滚动。 – Harshana

如果你想放置在底部的页脚替换'顶：500px'用'底部：0px'。我已经更新了我的答案以反映这一点。 –

position: sticky也没有很好的用在目前大多数的浏览器的支持。请参阅此链接：http://caniuse.com/css-sticky

您可能要使用position: fixed到那时。

来源

2014-02-25 05:11:10 myTerminal

为什么downvote？ –

我想知道同样的事情:) – myTerminal

但固定不会滚动.. :( – Harshana

一套CSS

#footer{ 
    display:block; 
    position:fixed: 
    left:0; 
    right:0; 
    bottom:0 
}

来源

2014-02-25 05:12:37

你必须使用

position:absolute;

如果你想定位固定在文档中第一个固定元素的股利。

否则你必须使用

position:fixed;

如果你想即使当u滚动窗口也被固定股利，这是固定的浏览器，这样可以同时desining弹出的使用。检查here

来源

2014-02-25 05:16:22 user2823355

如何将div粘贴到位？

回答

​​

相关问题