发表时间:2014-09-05来源:网络
今天学习到了一个非常神奇的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>
<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>
以前是用分帧,当然这样很方便,也非常好用哈,
[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 用于读取命令执行后影响的行数.
上一篇:冒泡排序的PHP实现
CI框架连接数据库配置操作以及多数据库操作
asp 简单读取数据表并列出来 ASP如何快速从数据库读取大量数据
C语言关键字及其解释介绍 C语言32个关键字详解
C语言中sizeof是什么意思 c语言里sizeof怎样用法详解
PHP中的魔术方法 :__construct, __destruct , __call, __callStatic,__get, __set, __isset, __unset , __sleep,
PHP中的(++i)前缀自增 和 (i++)后缀自增
将视频设置为Android手机开机动画的教程
最简单的asp登陆界面代码 asp登陆界面源代码详细介绍
常用dos命令及语法
PHP中include和require区别之我见
扬子餐饮app下载v1.4.9 安卓版
21.47MB |生活服务
云视通生活最新版(改名小维智慧家庭)下载v5.1.16 安卓官方版
90.93MB |拍摄美化
企业查询宝app下载v9.0.5 安卓版
65.83MB |商务办公
云上南阳app下载v5.6.0 安卓官方版
135.12M |资讯阅读
蓝舞者app拉丁舞音乐下载v3.6.40 安卓版
101.53MB |学习教育
neye3c摄像头app下载v4.5.5.2 安卓官方版
168.42MB |拍摄美化
布仓软件下载v4.1.9 安卓最新版
31.46MB |生活服务
zdfit软件下载v2.0.10 安卓官方版
113.91MB |生活服务
2014-09-05
2022-03-20
2022-03-21
2022-03-24
2014-09-05
2014-09-05
2015-07-05
2014-09-05
2022-03-21
2014-09-05