php实战第十七天

发布时间：2015-05-27 19:26:50作者：知识屋

今天学习到了一个非常神奇的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]
<div id="head">
    <div id="logo"></div>
</div>
<div id="left">
    <h4>文章管理</h4>
    <ul>
        <li>添加栏目</li>
        <li>添加文章</li>
        <li>管理文章</li>
    </ul>
    <h4>网站管理</h4>
    <ul>
        <li>基本设置</li>
        <li>其他</li>
    </ul>
</div>
<div id="right">加载中</div>

</body>

</body>

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

[html]
<frameset rows="61,*,24" cols="*" framespacing="0" frameborder="no" border="0">
        <frame src="<{$url}>/top" name="top" scrolling="no" noresize="noresize" />
    <frameset cols="200, *">
            <frame src="<{$url}>/menu" name="menu" noresize="noresize" scrolling="no" />
            <frame src="<{$url}>/main" name="main" noresize="noresize" scrolling="yes"/>
    </frameset>
        <frame src="<{$url}>/bottom" name="bottom" scrolling="No" noresize="noresize" />
</frameset

<frameset rows="61,*,24" cols="*" framespacing="0" frameborder="no" border="0">
   <frame src="<{$url}>/top" name="top" scrolling="no" noresize="noresize" />
  <frameset cols="200, *">
   <frame src="<{$url}>/menu" name="menu" noresize="noresize" scrolling="no" />
   <frame src="<{$url}>/main" name="main" noresize="noresize" scrolling="yes"/>
  </frameset>
  <frame src="<{$url}>/bottom" name="bottom" scrolling="No" noresize="noresize" />
</frameset
上面都在谈的都不是php的哈

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

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

（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）