#header{ width:100%; background:#A94E38; color:#F0DFDB;} 高度自动,宽度100% 提示:先去掉html的初始样式 *,html,body{margin:0;padding:0;}
#bar{width:30%; float:left; background:#eee } 左浮动,宽30%
#content{ width:70%; float:left; background:#fff; } 跟在bar的后面左浮动,也可以设置为右浮动,在这里没有什么区别。