剧情的落幕

[hcode]<style type="text/css">
#wrap{width:100;height:auto;}
#column{float:left;width:60;}
#column1{float:left;width:30;}
#column2{float:right;width:30;}
#column3{float:right;width:40;}
.clear{clear:both;}  
</style>

<div id="wrap">
<div id="column">
<div id="column1">这里是第一列</div>
<div id="column2">这里是第二列</div>
<div class="clear"></div>/*用法web标准不建议，但是记住下面

元素需要清除浮动*/
</div>
<divid="column3">这里是第三列</div>
<divclass="clear"></div>/*用法web标准不建议，但是记住下面元

素需要清除浮动*/
</div> [/hcode]<style type="text/css"> #wrap{width:100;height:auto;} #column{float:left;width:60;} #column1{float:left;width:30;} #column2{float:right;width:30;} #column3{float:right;width:40;} .clear{clear:both;}   </style> <div id="wrap"> <div id="column"> <div id="column1">这里是第一列</div> <div id="column2">这里是第二列</div> <div class="clear"></div>/*用法web标准不建议，但是记住下面元素需要清除 浮动*/ </div> <divid="column3">这里是第三列</div> <divclass="clear"></div>/*用法web标准不建议，但是记住下面元素需要清除浮 动*/ </div>  


http://alexgorbatchev.com/wiki/SyntaxHighlighter

代码：

下面就是实例了，仅仅是测试效果。