当前位置:Gxlcms > PHP教程 > php实战第十七天_PHP教程

php实战第十七天_PHP教程

时间:2021-07-01 10:21:17 帮助过:15人阅读

今天学习到了一个非常神奇的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就是左边拉 那么如果...

人气教程排行