如何将某个层固定在网页的底部，不会随网页右边滚动条的位置而改变

网页底部版权层布局

最新推荐文章于 2021-06-03 02:18:19 发布

原创最新推荐文章于 2021-06-03 02:18:19 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#div #float #url

html+css 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种固定的网页底部版权层布局实现方式，通过使用HTML的div标签与CSS样式进行定位与展示设置，确保该版权层始终固定在页面底部，并且居中显示。

部署运行你感兴趣的模型镜像

网页最后底部的层：

<div style=" width:100%; float:left; position:fixed; _position:absolute; z-index:100; bottom:0px; right:0px;">
    <div style="text-align:center;overflow:visible; width:100%;margin-top:50px; display:inline;">
        <div style="text-align:center;" id="copyright">
            版权所有:xxxxxxxxxxxxxxxxxxxxxxxxx
            <a href="#"><span style="color:#993300;">xxxx</span></a>
        </div>
    </div>
</div>

copyright的样式：

#copyright
{
    width: 1024px;
    background: url(../images/page/1_12.jpg);
    height: 45px;
    line-height:45px;
    vertical-align:middle;
    margin:0 auto;
    padding:0 auto;
    text-align:center;
    font-size: 12px;
}

您可能感兴趣的与本文相关的镜像