relative：定位是相对于自身位置定位（设置偏移量的时候，会相对于自身所在的位置偏移）。设置了relative的元素仍然处在文档流中，元素的宽高不变，设置偏移量也不会影响其他元素的位置。最外层容器设置为relative定位，在没有设置宽度的情况下，宽度是整个浏览器的宽度。 absolute ...

1.绝对定位 position: absolute;绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。 绝对定位与文档流无关，所以它们可以覆盖页面上其他的元素 ...

块级元素就是那些自为一行的元素，有高度宽度。行内元素没有高度，行内块级元素有高度，不换行。 好了，下面用几个刚刚试验的例子把这部分知识小记一下，为日后深入学习打基础。 1.水平居中 非块级元素水平居中： 设置父元素的text-align:center就可以了。 块级元素 ...

层级关系为： <div ——————————— position:relative; 不是最近的祖先定位元素，不是参照物<div—————————-没有设置为定位元素，不是参照物<div———————- position:relative 参照物<div box1< ...

要想分清相对定位和绝对定位的差别，需要着眼于两点：移动的参照物和对普通文档流的影响。 1、移动的参照物 相对定位是“相对于”元素（本身）在文档流中的初始位置；而绝对定位是“相对于”距离它最近的已定位祖先元素（即设置了position样式属性的祖先元素），如果不存在已定位的祖先元素，那么相对于 ...

我们在编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用，以达到 ...

一、Xpath定位 1、绝对路径定位 　　绝对路径定位，即使用的是一个绝对的路径，Xpath定位，则是从HTML最外层逐层填写，直到定位到需要的元素。 　　这种方式一旦页面某个路径有变化，元素的定位就失败了。一般不推荐绝对路径定位这种方式。 　　绝对路径定位类似于：/html/body ...

position：static(静态定位) 当position属性定义为static时，可以将元素定义为静态位置，所谓静态位置就是各个元素在HTML文档流中应有的位置 podisition定位问题。所以当没有定义position属性时，并不说明该元素没有自己的位置，它会 ...