三行(一列:内容)(1)

#header

{ width:100%; background:#A94E38; color:#F0DFDB} 高度自动,宽度100% 提示：先去掉body的初始样式 *,html,body{margin:0;padding:0;}

#content

#content{ width:100%; background:#fff} 只是定义了宽度为100%,背景为白色与body色加以区分 这个布局中我们使用了min-width:780px来限制最小宽度，对于IE浏览器我们则使用了js: width:expression(document.body.clientWidth*0.99<780?"780px":"100%"); 意思就是当文档的body在客户端显示宽度小于780px的时候就把width值固定为780px，当超过这个值就把width值设置为100%宽。

#footer

#footer{ width:100%; background:#7082C2; color:#fff }