CSS实现网页顶端或底部固定层

前端之家收集整理的这篇文章主要介绍了CSS实现网页顶端或底部固定层前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <Meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>无标题文档</title>  
      
    <style type="text/css">  
    body  
    {  
        margin:0px;  
        padding:0px;  
        margin-top:60px;  
        margin-bottom:60px;  
    }  
    #div_nav_zone_top  
    {  
        position:absolute;  
        margin-top:0px;  
        z-index:3;  
        width:100%;  
        height:60px;  
        margin: 0px auto 0px auto;   
        top: 0px;   
    }  
    #div_nav  
    {   
        position:fixed;   
        width:100%;   
        background-color:#CCC;  
        padding:10px;   
        filter: alpha(opacity=45); opacity:0.45;   
        color:black;   
    }  
      
      
    #div_nav_zone_bottom  
    {  
        position:absolute;   
        z-index:3;  
        width:100%;  
        height:60px;  
        margin: 0px auto 0px auto;   
        bottom: 0px;  
    }  
      
    #div_nav_zone_right  
    {  
        position:absolute;   
        z-index:5;  
        heigth:1000px;  
        width:120px;   
        right:0px;   
        background-color:#333;  
    }  
    #div_ul  
    {   
        position:fixed;   
        height:50px;  
    }  
      
    ul,li  
    {  
        margin:0px;  
    }  
    li  
    {  
        list-style:none;  
    }  
    </style>   
    </head>  
      
    <body>   
    1  <br/>2  <br/>3  <br/>4  <br/>5  <br/>6  <br/>7  <br/>8  <br/>9  <br/>10  <br/>  
    <p>sd</p>  
    <p>f</p>  
    <p>as</p>  
    <p>df</p>  
    <p>a</p>  
    <p>sdf</p>  
    <p>a</p>  
    <p>dsf</p>  
    <p> </p>  
    <p>ads</p>  
    <p>f</p>  
    <p>ads</p>  
    <p> </p>  
    <p>ad</p>  
    <p>sf AS  
      D  
      as  
      d  
      SA  
      D  
        
      sad  
      SA  
      D  
      a  
      d  
      A  
      D  
        
      a </p>  
    <div id="div_nav_zone_top" >   
        <div id="div_nav">    
          该块DIV顶部固定,1.配置文件写到xml里,并添加注释属性全局变量放到一个专用类里,应用初始化时读取xml,赋值。<br />  
          1.配置文件写到xml里,并添加注释属性全局变量放到一个专用类里,应用初始化时读取xml,赋值</div>   
    </div>  
      
      
    <div id="div_nav_zone_bottom" >   
        <div id="div_nav">    
          该块DIV顶部固定,1.配置文件写到xml里,并添加注释属性全局变量放到一个专用类里,应用初始化时读取xml,赋值。<br />  
    1.配置文件写到xml里,并添加注释属性全局变量放到一个专用类里,应用初始化时读取xml,赋值</div>   
    </div>  
      
    <div id="div_nav_zone_right" >   
        <div id="div_ul">    
            <ul>  
                <li>边栏菜单1  </li>  
                <li>边栏菜单2 </li>  
                <li>边栏菜单3  </li>  
                <li>边栏菜单4  </li>  
            </ul>  
         </div>   
    </div>  
      
      
    </body>  
    </html>  

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

原文链接:https://www.f2er.com/css/456823.html

猜你在找的CSS相关文章