SOURCE

<!-- 	/*<frameset rows="20%,50%,30%">
	//a
		<frame src="http://sandbox.runjs.cn/show/wpyoo1pe" >
	//b
		<frame src="http://sandbox.runjs.cn/show/zo5vm4eb">
	//c
		<frame src="http://sandbox.runjs.cn/show/ajzgojsh">
	</frameset>*/ -->
<div class="contain">
  <div class="f1"></div>
  <div class="f2"></div>
  <div class="f3"></div>
</div>
<div class="position1"></div>
<div class="position2"></div>
<p>编辑文本区域 hello word !</p>

<!-- <iframe src= "http://sandbox.runjs.cn/show/ajzgojsh">
		
	</iframe> -->

.f1{
		width:100px;
  height:100px;
  background-color:blue;
  float:left;
}
.f2{
		width:100px;
  height:100px;
  background-color:blue;
  float:left;
}
.f3{
		width:100px;
  height:100px;
  background-color:blue;
  float:left;
}
.contain{
		width:400px;
  height:400px;
  background-color:#fff0ff;
/*   float:left; */
  z-index:0;
}
p{
  text-indent:2em;
  text-transform:uppercase;
  text-shadow:2px 5px 2px red;
}
.position1{
		width:100px;
  height:100px;
  background-color:red;
  position:relative;
  left:20px;
  top:20px;
  z-index:2
/*   right:50px;/ */
}
.position2{
		width:100px;
  height:100px;
  background-color:green;
  position:fixed;
  left:30px;
  z-index:1;
/*   right:50px;/ */
}