一个网站的优化有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面将对目前流行的DIV+CSS的命名规则整理如下：
页头：header 登录条：loginBar
标志：logo 侧栏：sideBar
广告：banner 导航：nav
子导航：subNav 菜单：menu
子菜单：subMenu 搜索：search
滚动：srcoll 页面主体：main
内容：content 标签页：tab
文章列表：list 提示信息：msg
小技巧：tips 栏目标题：title
加入：joinus 指南：guide
服务：service 热点：hot
新闻：news 下载：download
注册：register 状态：status
按钮：BTn 投票：vote
合作伙伴：partner 友情链接：friendLink
页脚：footer 版权：copyRight
CSSID的命名如下：
外套：wrap 主导航：mainNav
子导航：subNav 页脚：footer
整个页面：content 页眉：header
商标：label 标题：title
主导航：mainNav(globalNav) 顶导航：topnav
边导航：sidebar 左导航：leftsideBar
右导航：rightsideBar 旗志：logo
标语：banner 菜单内容1：menu1Content
菜单容量：menUContainer 子菜单：submenu
边导航图标：sidebarIcon 注释：note
面包屑：breadCrumb（即页面所处位置导航提示） 容器：container
内容：content 搜索：search
登录：login 功能区：shop（如购物车，收银台） 当前的：current
这些标准的命名更有利于设计工作中的多人协作模式以及代码的进一步标准化
overflow从字面意义上来讲就是溢出的意思，换句话说，你有个层，但是里面的内容，图片或者文字要比层大，overflow就是针对这种情况进行处理的。
包含4个属性值，visible,hidden,auto,scroll
visible就是超出的内容仍然正常被显示出来。
hidden就是超出的内容被隐藏。 &nbs ......
我们可以通过CSS属性float令元素向左或向右浮动。也就是说，令盒子及其中的内容浮动到文档（或者是上层盒子）的右边或者左边（参见第9课关于盒状模型的描述）。下图阐明了其原理：
举个例子，假如我们想让一张图片被一段文字围绕着，那么其显示效果将如下所示：
如何实现这个效果？
上例的HTML代码如下所示：
<div i ......
