国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

通過絕對定位實現div重疊實例代碼

2024-07-11 08:28:07
字體：大 中 小
來源：轉載
供稿：網友

復制代碼
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div重疊 疊加實例 未排層疊順序 www.divcss5.com</title>
<style>
.div-relative {position: absolute;color: #000;border: 1px solid #000;width: 500px;height: 400px;right: 0;bottom: 0;}
.div-a {position: absolute;left: 30px;top: 30px;background: #F00;width: 200px;height: 100px}
.div-b {position: absolute;left: 50px;top: 60px;background: #FF0;width: 400px;height: 200px}
.div-c {position: absolute;left: 80px;top: 80px;background: #00F;width: 300px;height: 300px;}
</style>
</head>
<body>
<div class="div-relative">
<div class="div-a">我背景為紅色</div>
<div class="div-b">我背景為黃色</div>
<div class="div-c">我背景為藍色</div>
</div>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 靖宇县| 高碑店市| 荆门市| 周至县| 昔阳县| 巴楚县| 腾冲县| 呼玛县| 临武县| 临沭县| 丰顺县| 红河县| 轮台县| 克拉玛依市| 普兰县| 南陵县| 大余县| 开封县| 乐清市| 唐山市| 玛沁县| 广汉市| 海林市| 安多县| 济源市| 翁牛特旗| 庆元县| 潜江市| 合作市| 平和县| 汉源县| 靖远县| 思南县| 克拉玛依市| 静海县| 石柱| 宜黄县| 汽车| 中山市| 万年县| 龙山县|