css - 如何将此 div 粘贴到页面底部

标签 css

好的,所以我正在尝试使用 CSS3 将此页脚固定在页面底部。有谁知道我怎样才能轻松地将它粘在底部?

提前致谢 -杰登。

    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;

我到处都看过:'(

最佳答案

试试 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;
}

关于css - 如何将此 div 粘贴到页面底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23099864/

相关文章:

javascript - CSS/Javascript - fadeIn 效果在 Safari 上不起作用

html - 如何降低 WordPress 2017 主题中的标题图片高度

javascript - 拖动一个变换元素导致在拖动开始时跳转开始

CSS 背景图像属性值解释

html - 无法获取全 Angular li 的内联

html - 我怎样才能获得我想要的效果?

html - 加载时页面跳动了几个像素

javascript - 如何编写比向每个元素添加事件类和隐藏类更简洁的代码

html - 使用 CSS 等列流体高度和流体宽度列布局

html - Bootstrap 导航项未在移动设备上显示