从基础复习前端html--6.css定位

css定位（positioning）属性允许你对元素进行定位。

css有三种基本的定位机制：普通流、浮动和绝对定位。

position属性的值static，元素框正常生成，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。

position:relative;元素框偏移某个距离，元素仍保持其未定位前的状态，它原本所占的空间仍保留。

position:absolute;元素框从文档中删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。

position:fixed;元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身。

overflow:visible;内容不会被修剪，会呈现在元素框之外。

overflow:scroll;使用滚动条来显示元素内溢出的内容。

overflow:hidden;隐藏溢出元素中的溢出的内容。

overflow:auto;浏览器来自动地处理溢出。

clip:auto;默认值，不应用任何剪裁。

clip:rect(top,right,bottom,left);设置元素的形状。

vertical-align属性设置元素的垂直对齐方式。

属性值：baseline（默认，元素放置在父元素的基线上），sub（垂直对齐文本下标），super（垂直对齐文本上标），top（把元素的顶端与行中最高元素的顶端对齐），middle（把此元素放置在父元素的中部），bottom（把元素的顶端与行内最低的元素的顶端对齐），text-top(把元素的顶端与父元素字体的顶端对齐)，text-bottom(把元素的底端与父元素字体的低端对齐)。

z-index:-1;设置元素放置于另一元素之前（之后）。值可为正也可为负。