#header
去掉默认的样式:
*,html,body{margin:0;padding:0;}
#header:
#header{ width:100%; background:#A94E38; color:#F0DFDB;}
注意:要针对IE的DIV下掉问题,可以在float的DIV里加上overflow:hidden来解决。
#bar-l
#bar{width:30%; float:left; background:#eee }
左浮动,宽30%
#content
#content{ width:70%; float:left; background:#fff; }
跟在bar的后面左浮动
#bar-r
#bar{width:30%; float:left; background:#eee }
左浮动,宽30%