html 整体架构框架 源码,上 中 下结构网页模板布局框架代码

html宽度静止并居中 上 中 下结构，上中下结构而且整体结构居中宽度固定的html模板框架代码老本。

模板功效

完整代码(可直接拷贝运用)：

静止宽度 居中，头部 模式 页脚机关模板 在线演示 CSS5

body {font: 14px/24px 宋体;bac千克round: #666666;margin: 0;padding: 0;text-align: center;color: #000000}

#container {width: 780px;bac公斤round: #FFFFFF;margin: 0 auto;border: 1px solid #000000;text-align: left}

#header {bac公斤round: #DDDDDD; padding: 0 10px 0 20px; }

#header h1 {margin: 0;padding: 10px 0; }

#mainContent {padding: 0 20px;bac千克round: #FFFFFF;}

#footer {padding: 0 10px;background:#DDDDDD;}

#footer p {margin: 0;padding: 10px 0;}

头部

首要形式

起首设置装备摆设静止宽度并结构居中id=container盒子，内里征求上中下结构结构，这里主如果完成宽度固定机关居中，盒子内离别设置3个DIV上中下盒子，依据重要修正应用即可！

问题

模式

脚注