最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css 容器高度100%及相对高宽
时间：2022-07-02 12:24:30 编辑：袖梨 来源：一聚教程网
* { margin:0; padding:0; border:0;}
html,body { height:100%;}
#box_2 { height:100%; background:#000;}
绝对定位重叠效果
#box_1 { position:absolute; top:0; left:0; width:100%; background:#f00; z-index:2;}
#box_2 { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:1;}
纵向高度相对大小效果
#box_1 { position:absolute; top:0; left:0; width:100%; height:30%; background:#f00; z-index:2;}
#box_2 { position:absolute; left:0; top:30%; width:100%; height:70%; background:#000; z-index:1;}
横向宽度相对大小效果
#box_1 { position:absolute; top:0; left:0; width:30%; height:100%; background:#f00; z-index:2;}
#box_2 { position:absolute; top:0; right:0; width:70%; height:100%; background:#000; z-index:1;}
实际应用中，可有很多变化，轻松实现没有嵌套的绝对或相对多列竖排、横排。
IE6.0和FF1.5测试通过
相关文章
- 烽烟手游新手怎么玩 新手入门玩法详细攻略 03-25
- 《暗区突围》S17赛季诡雾山谷即将来袭 03-25
- 流行的手机飞机游戏排行榜前十名 免费的飞机游戏盘点2026 03-25
- 《草图大师》调颜色教程 03-25
- 爱探险的朵拉游戏下载推荐 经典的朵拉游戏排行2026 03-25
- 有趣的4x4越野游戏手机版下载 好玩的越野车游戏合集2026 03-25