<STYLE type=text/css>
body{ background-color:#ffeeff; font-size:12px; margin:0px; }
DIV.dragLayer{
border:1px solid #369;
background-color:#6BBA70;
margin-bottom:10px;
}
DIV.dragLayer_over{
border:1px solid #C79810;
background-color:#6BBA70;
filter:alpha(opacity=80);
-moz-opacity:0.8; /* Moz + FF */
opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
DIV.clone_dragLayer_over{
border:1px dashed #FA0;
background-color:#6BBA70;
filter:alpha(opacity=80);
-moz-opacity:0.8; /* Moz + FF */
opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）*/
margin-bottom:10px;
}
DIV.dragHeader{
width:100%; height:20px ; line-height:20px; background-color:#006E2E; color:#FFFFFF;
}
DIV.dragHeader_over{
width:100%; height:20px ; line-height:20px; background-color:#C79810;
}
SPAN.min,SPAN.close{cursor:pointer;font-family:Webdings}
#container{margin:0px}
#leftcontainer{float:left;  width:33%;}
#middlecontainer{float:left; width:34%;}
#middlecontainer div{margin-left:auto; margin-right:auto}
#rightcontainer{float:right; width:33%;}
#rightcontainer div{float:right}
DIV.content{width:100%; padding:4px}
</STYLE>
<BR>
<DIV id=container>
<DIV id=leftcontainer>
<DIV class=dragLayer id=win1 style="WIDTH: 200px; HEIGHT: 100px">
<DIV class=dragHeader>
<DIV style="FLOAT: left">
<P>第一个窗口 </P>
</DIV>
<DIV style="FLOAT: right"><SPAN class=min>0</SPAN><SPAN class=close>r</SPAN></DIV>
</DIV>
<DIV class=content>输入文本

 </DIV>
</DIV>
<DIV class=dragLayer id=win5 style="WIDTH: 200px; HEIGHT: 100px">
<DIV class=dragHeader>
<DIV style="FLOAT: left">第五个窗口</DIV>
<DIV style="FLOAT: right"><SPAN class=min>0</SPAN><SPAN class=close>r</SPAN></DIV>
</DIV>
<DIV class=content>输入文本

 </DIV>
</DIV>
<DIV class=dragLayer id=win7 style="WIDTH: 200px; HEIGHT: 100px">
<DIV class=dragHeader>
<DIV style="FLOAT: left">第七个窗口</DIV>
<DIV style="FLOAT: right"><SPAN class=min>0</SPAN><SPAN class=close>r</SPAN></DIV>
</DIV>
<DIV class=content>输入文本

 </DIV>
</DIV>
</DIV>
<DIV id=middlecontainer>
<DIV class=dragLayer id=win4 style="WIDTH: 200px; HEIGHT: 100px">
<DIV class=dragHeader>
<DIV style="FLOAT: left">第四个窗口</DIV>
<DIV style="FLOAT: right"><SPAN class=min>0</SPAN><SPAN class=close>r</SPAN></DIV>
</DIV>
<DIV class=content>输入文本

</DIV>
</DIV>
<DIV class=dragLayer id=win2 style="WIDTH: 200px; HEIGHT: 100px">
<DIV class=dragHeader>
<DIV style="FLOAT: left">第二个窗口</DIV>
<DIV style="FLOAT: right"><SPAN class=min>0</SPAN><SPAN class=close>r</SPAN></DIV>
</DIV>
<DIV class=content>输入文本

 </DIV>
</DIV>
<DIV class=dragLayer id=win6 style="WIDTH: 200px; HEIGHT: 100px">
<DIV class=dragHeader>
<DIV style="FLOAT: left">第六个窗口</DIV>
<DIV style="FLOAT: right"><SPAN class=min>0</SPAN><SPAN class=close>r</SPAN></DIV>
</DIV>
<DIV class=content>输入文本

 </DIV>
</DIV>
</DIV>
<DIV id=rightcontainer></DIV>
</DIV>