📝 代码查看
使用runcode.html页面

2
查看次数
2025-12-01
创建时间
2025-12-01
最后更新
<h2>所有元素皆為寬300px, 高100px</h2>
<hr>
<div class="box1">此 box1 元素的左偏移屬性300px, 上偏移屬性200px, 定位為static</div>
<div class="box2">此 box2 元素的左偏移屬性350px, 上偏移屬性250px, 定位為absolute</div>
<div class="box3">此 box3 元素的左偏移屬性400px, 上偏移屬性100px, 定位為relative</div>
<div class="box4">此 box4 元素的左偏移屬性450px, 上偏移屬性350px, 定位為fixed</div>
<hr>
.box1, .box2, .box3, .box4 {
	width:300px;
	padding:10px;
}
.box1 {
	background-color: #333333;
	color: #FFFFFF;
	position:static;
	left:300px;
	top:200px;
}
.box2 {
	color: #FFFFFF;
	background-color: #0000FF;
	position:absolute;
	left:50px;
	top:350px;	
}
.box3 {
	color: #000000;
	background-color: #CCCCCC;
	position:relative;
	left:50px;
	top:100px;	
}
.box4 {
	color: #FF0000;
	background-color: #66FF99;
	position:fixed;
	left:100px;
	top:500px;			
}
html, body {
	font-size:12px;
	background-color:#000;
}
h2{ color:#FFF; }
暂无JavaScript代码

👁️ 实时预览