Home > Backend Development > PHP Tutorial > The Seventeenth Day of PHP Practice_PHP Tutorial

The Seventeenth Day of PHP Practice_PHP Tutorial

WBOY
Release: 2016-07-14 10:11:16
Original
1141 people have browsed it

今天学习到了一个非常神奇的css布局方法

position: absolute;
top:61px;
bottom: 0px;


把 position设置为 absolute 后 top就是顶边拉 left就是左边拉

那么如果把 底边调成0.嘿嘿,是不是变成窗口自适应了?

做这个的时候想过 直接设置 height:100%.但是这是无效帝,,,具体为什么我也不知道哈...


[css]
#head{ 
    width:100%; 
    height:61px; 
     
    border-bottom:solid 1px #ccc; 
 
    background-image:url(../img/topbg.gif); 
    background-repeat:repeat-x; 
    } 
#logo{ 
    width:189px; 
    height:61px; 
    background-image:url(../img/logo_dmin.png); 
    } 
#left{ 
    padding-top:15px; 
    width:205px; 
    height:auto; 
    overflow-y:auto; 
    background-image: url(../img/leftbg.gif); 
 
    position: absolute; 
    top:61px; 
    bottom: 0px; 
    } 
#left h4{ 
    margin-left:18px; 
    background-image:url(../img/menuf.gif); 
    height: 20px; 
    width: 160px; 
    font-size: 12px; 
    text-align: center; 
    line-height:20px; 
    //font-weight:normal; 

#left li{ 
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left:36px; 
    cursor: pointer; 
    color:#555; 
    font-size: 12px; 

 
#right{ 
    overflow-y:auto; 
    position: absolute; 
    top:61px; 
    left: 205px; 
    bottom:0px; 
    right:0px; 
    } 

#head{
 width:100%;
 height:61px;
 
 border-bottom:solid 1px #ccc;

 background-image:url(../img/topbg.gif);
 background-repeat:repeat-x;
 }
#logo{
 width:189px;
 height:61px;
 background-image:url(../img/logo_dmin.png);
 }
#left{
 padding-top:15px;
 width:205px;
 height:auto;
 overflow-y:auto;
 background-image: url(../img/leftbg.gif);

 position: absolute;
 top:61px;
 bottom: 0px;
 }
#left h4{
 margin-left:18px;
 background-image:url(../img/menuf.gif);
 height: 20px;
 width: 160px;
 font-size: 12px;
 text-align: center;
 line-height:20px;
 //font-weight:normal;
}
#left li{
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left:36px;
 cursor: pointer;
 color:#555;
 font-size: 12px;
}

#right{
 overflow-y:auto;
 position: absolute;
 top:61px;
 left: 205px;
 bottom:0px;
 right:0px;
 }html的代码为


[html]

 
 
   

文章管理

 
   
     
           
  • 添加栏目
  •  
           
  • 添加文章
  •  
           
  • 管理文章
  •  
       
 
   

网站管理

 
   
     
           
  • 基本设置
  •  
           
  • 其他
  •  
       
 
 
 
 
 



 

文章管理


   

         
  • 添加栏目

  •        
  • 添加文章

  •        
  • 管理文章

  •    

 

网站管理


   

         
  • 基本设置

  •        
  • 其他

  •    


 

 

 

以前是用分帧,当然这样很方便,也非常好用哈,


[html]
 
         
     
             
             
     
         

 
   
  
     
     
  
    
  上面都在谈的都不是php的哈

确实今天写的php跟以前的都差不多,今天学到的一个新函数是

mysql_affected_rows 用于读取命令执行后影响的行数.

 

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/477346.htmlTechArticle今天学习到了一个非常神奇的css布局方法 position: absolute; top:61px; bottom: 0px; 把 position设置为 absolute 后 top就是顶边拉 left就是左边拉 那么如果...
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template