ltdiv id=quotfooterquotfooterltdiv ltbody lthtml 效果演示及代码asp？id=123 SEO角度分析这个布局的优势我们先按网页设计惯例来看页面中的内容分布，一般情况下，头部A区为站点导航，底部D区为辅助导航及版权信息等，左侧B区会放搜索列表排行等功能。

pdivdiv```CSS代码```csscontainerdisplayflexalignitemscenter*垂直居中*justifycontentcenter*水平居中，可选*height300px*设置容器高度*contenttextaligncenter*水平居中，可选*```方法二使用表格布局表格布局也可以实现内容的垂直居中以下是一个使用。

在css里加如下的代码border 5 solid grayborderradius10px如过你不想要边框，去掉 border 5 solid gray就行了注意Firefox 35，Firefox 30，Safari 31，Chrome 20x，Chrome 10x可用 参考资料自己。

先放上我的外部CSS文件代码 body margin0px *外边距为0* padding0px *内边距为0* font12px Arial，宋体 textaligncenter *在IE里页面居中* #Container *容器* marginleftauto *让其居中显示* marginrig 展开 匿名。

先设置div+css 基本布局ltdiv id=quotmmquot ltdiv id=quotmm1quot左边ltdiv ltdiv id=quotmm2quot右边ltdiv ltdiv js 实现 div 自适应高度 代码如下ltscript type=quottextjavascriptquot lt！ windowonload=windowonresize=funct if documentgetElementByIdx_x quotmm2quot clientHeightltdocument。

在使用DIV+CSS布局时，若希望LI按钮中的文字垂直居中，直接设置margin并不会得到预期效果举例来说，margin5px 5px 这句代码会使LI的高度自动增加5*2=10px，这样一来，总高度变为23+10=33px，超过了原先设定的30px高度因此，这种方法不可行解决LI按钮内文字垂直居中的问题，应采取其他布局。