圣杯布局
来源:互联网 发布:绿色眼睛的软件 编辑:程序博客网 时间:2024/06/10 12:00
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>圣杯布局</title>
<style>
body{margin:0;}
.center{height:600px;background:#f60;margin:0 200px;}
.left{width:200px;background:#fc0;height:600px; position:absolute;left:0;top:0;}
.right{width:200px;background:#fcc;height:600px;position:absolute;right:0;top:0;}
</style>
</head>
<body>
<div class="center"></div>
<div class="left"></div>
<div class="right"></div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>圣杯布局</title>
<style>
body{margin:0;}
.center{height:600px;background:#f60;margin:0 200px;}
.left{width:200px;background:#fc0;height:600px; position:absolute;left:0;top:0;}
.right{width:200px;background:#fcc;height:600px;position:absolute;right:0;top:0;}
</style>
</head>
<body>
<div class="center"></div>
<div class="left"></div>
<div class="right"></div>
</body>
</html>
0 0
- css布局:圣杯布局
- CSS经典布局之圣杯布局、双飞翼布局
- CSS布局 -- 圣杯布局 & 双飞翼布局
- CSS布局之圣杯布局和双飞翼布局
- CSS布局 — 圣杯布局 与 双飞翼布局
- 经典布局之圣杯布局&双飞翼布局
- CSS布局 -- 圣杯布局 & 双飞翼布局
- css布局:双飞翼布局与圣杯布局
- CSS布局 -- 圣杯布局 & 双飞翼布局
- Flex布局实现圣杯布局和网格布局
- 双飞翼布局(圣杯布局)
- 圣杯布局、双飞翼布局
- 什么是圣杯布局、双飞翼布局?
- 圣杯布局和双飞翼布局
- 圣杯布局&&双飞翼布局
- 圣杯布局和双飞翼布局
- 页面布局之圣杯布局
- 圣杯布局与双飞翼布局
- 一步步学习微软InfoPath2010和SP2010--第十一章节--创建批准流程(2)--Contoso赔偿表单
- PHP对象转成数组
- important优先级问题
- java入门一DAY03------从数据结构开始3
- 健源家庭垃圾处理器加盟骗子么?一种别样的美丽
- 圣杯布局
- 登高布局
- 图的遍历 ---从数据结构开始4
- margin负值
- RBAC权限管理
- java入门一DAY05------从数据结构开始5
- 重庆兴旺打火机加盟是骗子,现在东窗事发了!
- RFT测试脚本
- POJ 3624 Charm Bracelet(01背包)