对于定位而言，只有父类采取了相对定位的设置，子类才能很好地使用绝对定位的设置
另外关于背景的定位 ，使用元素background-position:top left;
相对定位
定位元素是相对于原来没设置过的普通流的元素时来定位的，是相对于排在他之前的子元素而言的
绝对定位的子元素的位置是相对于父级元素的初始位置而言的，跟其他的子元素没有关系
标准模式是相对于html父级元素来说的
另外，绝对定位时，如果父级元素中添加一个相对定位position：relative那么在设置子元素的绝对定位时，
另外对于position定位元素，绝对定位方式有两种absolute
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed 生成绝对定位的元素，相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative：相对定位
absolute：绝对定位
fixed：固定定位
元素从文档流删除，并相对于浏览器视窗定位，因此不随文档滚动而移动。元素在原本的空间关闭。元素定位后生成一个块级框，不论它原来是行内元素还是块级元素。与绝对定位的区别仅仅是包含块不同。 包含块：浏览器视窗。 absolute/fixed和float对比 类似：元素都会从文档流删除，但是依旧会影响布局;都会生成一个块级框，无论原来是不是块级元素。 区别：float的包含块是最近的块级祖先元素。 偏移属性：top/right/bottom/left，初始值是auto。 采用position定位之后必须采用偏移属性定义偏移量，也就是相对包含块的偏移。注意应用于position值不是static的元素。 有时也需要定义width和heigth，但是可能会和偏移属性的定义冲突，因为四个偏移属性实际上已经定义了元素的大小。此时，根据width和left属性定义左右，根据top和height属性定义上下一个元素的大小固定，但是其内容放不下，就会导致溢出。overflow控制溢出部分的可见(visible)、不可见(hidden)、滚动可见(scroll)。 元素可见性visibility: visible/ hidden/ collapse/ inherit，初始值是visible。 visibility:hidden和display:none的区别：visibility:hidden设置元素不可见，但是元素依旧会影响布局，只是元素部分呈现为空白;display:none元素不显示并且从文档流中删除，对文档布局没有任何影响。
