固定定位

知识点

固定定位:

参照物:浏览器可视区

作用:导航栏

图片

11aebf04a3221a4067e691e762ae5abb.png

代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <style type="text/css">
            #box{
                height: 60px;
                width: 100%;
                background-color: rosybrown;
                /* 固定定位 */
                position: fixed;
                left: 0;
                bottom: 0;
            }
            #box2{
                height: 2000px;
                border: solid 1px red;
                
            }
            
        </style>
    </head>
    <body>
        <div id="box2">
            
        </div>
        <div id="box">
            
        </div>
        
    </body>
</html>
文章名: 《固定定位》

本文链接:https://lula.fun/756.html

除特别注明外,文章均由 Lula(噜啦) 原创

 原创文章 转载时请注明 出处 以及文章链接
最后修改:2019 年 05 月 08 日 10 : 55 PM

发表评论