把页面框架确定后就可以css对各个设计的内容块进行定位，然后对各个块进行整体规划，最后再添加内容。网页带入如下

网页效果

上面的排版是比较简单的，用了两次浮动（float）定位、5次居中对齐、1次清除浮动。banner区域一般放置图片，导航放置都是链接可以直接放a标签或者是ul标签、h2标签套用a标签，网站主体内容一般放置，链接（ul或者ol标签套用a标签）、图片、内容摘要（p标签套用a标签）。最后给大家留一个作业上面的代码最少可以精简3处，你能找出来几处吗？

关于css+div布局方法先聊到这，有兴趣可以自己动手实践一下，每天学习一个知识点，每日寄语-“宁可辛苦一阵子，不要苦一辈子。”