css页面中常见左中右分栏布局的两种实现方式
以下代码复制粘贴即可使用:
示例一:
复制代码代码如下:
.page_center {
width:100%;
}
#nav {
background-color:red;
height:20px;
}
#left {
width:120px;
background-color:green;
position:absolute;
}
#middle {
background-color:yellow;
}
#right {
width:120px;
background-color:green;
position:absolute;
top:0;
right:0;
}
#foot {
background-color:pink;
}
#main {
position:relative;
}
示例2:
复制代码代码如下:
Untitled Document#left{
float:left; width:240px; height:500px; background:#0C9;
}
#right{
float:right;width:240px;height:500px; background:#933;
}
#center{
height:500px;background:#06C;
}
复制代码代码如下:
相关阅读:
校园网中升级Win10系统的方法
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
火狐下easyui1.3.*弹出window框无法定位到中间问题解决
Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解
Android基于APN获取手机号的方法
VS2015 update2安装历程
Java文件批量重命名批量提取特定类型文件
JavaScript:Array类型全面解析
jquery简单实现图片切换效果的方法
win10斯巴达浏览器清理浏览器缓存删除cookie垃圾文件
C#中ExecuteNonQuery()返回值注意点分析
js实现的折叠导航示例
基于jquery插件编写countdown计时器
win7中找不到无法启动Software protection服务怎么办?