ホームページ  >  記事  >  バックエンド開発  >  PHP実践17日目_PHPチュートリアル

PHP実践17日目_PHPチュートリアル

WBOY
WBOYオリジナル
2016-07-14 10:11:161073ブラウズ

今天学习到了一个非常神奇的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]
 
         
    <フレームセットcols="200, *"> 
             
             
     
         


   
  <フレームセット Cols="200, *">
     
     
  
    
  上面都在谈的都不是php的哈

确实今天写のphp跟前の都差不多、今天学到達の一つの新しい関数です

mysql_affected_rows は、コマンドの実行後に影響を与える行数を取得するために使用されます。

www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/477346.html技術記事今天学习到了一非常神奇的css布局方法位置: 絶対;上:61ピクセル;下: 0px; 位置を絶対後上に設定すると左边拉那么如果...
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。