css 盒子模型

于 2011-04-03 23:33:00 发布 · 64 阅读

<html> <head> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #outerBox{ width:500px; height:500px; padding:10px 10px 10px 10px; background-color:#cc3366; } #left{ width:320px; height:200px; float:left; background-color:#ffffff; } #right{ width:160px; height:150px; float:right; background-color:#ffffff; } #bottom{ width:500px; height:40px; clear:both; background-color:#ffff00; }</style> </head> <body> <div id="outerBox"> <div id="left">Leftbox</div> <div id="right">Rightbox</div> <div id="bottom">Bottombox</div> </div> </body> </html>