1、relative（相对定位）
相对定位的偏移参考元素是元素本身，不会使元素脱离文档流。元素的初始位置占据的空间会被保留。相对定位元素常常作为绝对定位元素的父元素。并且定位元素经常与z-index属性进行层次分级
2、absolute（绝对定位）
绝对定位元素以父辈元素中最近的定位元素为参考坐标，如果绝对定位元素的父辈元素中没有采用定位的，那么此绝对定位元素的参考对象是html,元素会脱离文档流。就好像文档流中被删除了一样。并且定位元素经常与z-index属性进行层次分级
3、fixed(固定定位)
位移的参考坐标是可视窗口，使用fixed的元素脱离文档流。并且定位元素经常与z-index属性进行层次分级
4、static （静态定位）
默认值，元素框正常生成的，top left bottom right这几个偏移属性不会影响其静态定位的正常显示
@ selenium如何定位没有id的frame？
selenium 可以用xpath或者css来定位目标.
对于frame, 如果没有id, 可以用name或者其他属性来定位. 例如: //frame[@name=’xxx’]
如果所有属性都没有, 那就通过先定位该frame的祖辈级元素来缩减范围, 并逐步缩减到目标唯一.例如: //div[@id=’aaa’]//frame
@ CSS的类选择器和id选择器各有什么优势？
ID用于标识页面上的特定元素（比如站点导航），而且必须是唯一的。 ID也可以用来标识持久的结构性元素，例如主导航或内容区域。ID还可以用来标识一次性元素，例如某个链接或表单元素。一个ID只能应用于页面上的一个元素。
class同一个类名可以应用于页面上任意多个元素，因此类的功能强大的多。类非常适合表示内容的类型或其他相似的条目。
在实际开发中，要根据实际使用情况来决定是使用哪种样式。对于单一元素的在单一界面的展示样式可以推荐是用id来定位。多余多个界面公用，或者同一界面多个元素风格一致，样式统一使用class类要方便的多。
下面就是最简单的一个小例子：
展示效果：
@ 淘宝首页psd模版怎么使用？
PSD文件格式是默认的Photoshop软件，如果你要到一个站，然后使用步骤：点击看详细1] ——PSD文件所需的网站模板; 2] —– PSD文件导出JPEG，GIF等图片文件;点击看详细3]使用Dreamweaver生产现场，通过CSS和div布局，定位图像文件; 4]通过FTP上传网站的服务器。点击看详细车站是一个复杂的过程，需要程序员，网页美工，如完成共同使用的网站模板是艺术作品只是范围。
