css知识点（position-float-定位-浮动）-20141022

position

理解position其实很简单，关键理解两个问题：一.定位后的位置（无论是相对于定位前还是相对于父块） 二.定位之前元素块所占的位置该如何处理，是保留还是关闭，这直接关系到接下来的元素如何排列。根据以上两点就能确定本元素块的位置及接下来该显示的元素块的位置

1.一切皆为框，行框与行内框的区别

2.行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是，垂直内边距、边框和外边距不影响行内框的高度。由一行形成的水平框称为行框（Line Box），行框的高度总是足以容纳它包含的所有行内框。不过，设置行高可以增加这个框的高度。

3.position四种值的含义

4.overflow属性

5.clip属性——不太了解.

6.img的vertical-align

7.z-index

8.绝对定位的元素的位置相对于最近的已定位的祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。

float和clear

9.设置元素之后确实是把元素分离出文档普通流的，虽然行内元素被设置为float之后的显示方式很想仍然在文档流之内，不过实际上是浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。

10.