三栏先加载中栏
来源:互联网 发布:中国移动 大数据 优势 编辑:程序博客网 时间:2024/06/05 16:56
浏览器显示页面是一行一行的按顺序执行代码,也就是说写在前面的先执行显示,而对于左中右3栏布局的设计,代码要么是从左-->中-->右来书写,要么就是到过来从右-->中-->左来书写,要做到要求的效果,那首先要书写的是中栏的代码。
-----------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>三列左右固定宽度中间自适应</title>
<style>
body{
margin:0px;
}
#left {
position: absolute;
top: 0px;
left: 0px;
background-color: #E8F5FE;
border: 1px solid #A9C9E2;
height: 400px;
width: 200px;
}
#center {
background-color: #F2FDDB;
border: 1px solid #A5CF3D;
height: 400px;
margin-right: 205px;
margin-left: 205px;
}
#right {
position: absolute;
top: 0px;
right: 0px;
background-color: #FFE7F4;
border: 1px solid #F9B3D5;
height: 400px;
width: 200px;
}
</style>
</head>
<body>
<div id="center">中列</div>
<div id="left">左列</div>
<div id="right">右列</div>
</body>
</html>
- 三栏先加载中栏
- 三栏-中栏流动布局
- CSS布局:中栏固定宽度,左右两栏宽度自适应
- 使用javascript,让左右2栏的高度随中栏一起自动延伸
- 左中右3栏布局中最先显示中栏内容的方法
- 左中右3栏布局中最先显示中栏内容的方法
- 左中右3栏布局中最先显示中栏内容的方法
- 中栏固定宽度,左右两栏宽度相等同时自适应宽度
- Oracle 动态语句小例 Trim表中栏位 (不积跬步,无以至千里)
- ireport中 根据表中栏位获得的值来判断显示不同数据。
- 加载
- 加载
- 加载
- 加载
- 加载
- 加载
- 加载
- 动态加载加载FLASH.
- 终于找到IBM JCOP tooks3.1.1.b(中国是很难找的到哦?!现在加破解方法)
- 从 JSF2 上下文 的到 servlet相关 session request
- EFI Protocol 的分析
- php 过滤 html标签
- 无光盘情况下安装Linux和XP的双系统。
- 三栏先加载中栏
- 抽象工厂实例(随笔日记)
- Redhat 5.6 ES Intel编译器 安装WRF 的全过程
- CABAC之手把手教你编码
- ld.so.1: test: fatal: libstdc++.so.6: open failed: No such file or directory.
- free&delete&delete[]
- 安装rpm包时遇到error: Failed dependencies:错误
- Box ,Dividebox,Panel 、canvas布局组件的应用
- 查看SAP内核信息