网页前端技术常忘知识点

1.position相关

W3C解释：

absolute	生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。 元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative	生成相对定位的元素，相对于其正常位置进行定位。 因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

 

 

 

 

 

 

 

 

 

 

 

个人解释：absolute就是可以浮动的对象，相对时父元素的position，如果没有父元素用了position那就和fixed一样

　　　　　fixed是absolute的特别版相对于浏览器的

　　　　　relative不会浮动起来，文档流正常，其他元素不受影响

　　　　　static就是正常的流文档形式

博客园朋友解释：http://www.cnblogs.com/Zigzag/archive/2009/02/19/position.html

 

2.float相关

left:

当前元素分类(float:left)	下一个紧邻元素分类(不含float)	结论
块级元素(a)	块级元素(b)	b会填充a遗留下来的空间，a会和b发生重叠，a的图层在上面。
	内联元素(b)	b会紧跟在a的后面。并根据自身内联元素的特点，是否换行。
内联元素(a)	块级元素(b)	b不会跟随a的移动。
	内联元素(b)	b会紧跟在a的后面。并根据自身内联元素的特点，是否换行。

 

 

 

 

 

right:

当前元素分类(float:right)	下一个紧邻元素分类(不包含float)	结论
块级元素(a)	块级元素(b)	b会填充a遗留下来的空间，若a会和b发生重叠(父容器宽度减少)，a的图层在上面。
	内联元素(b)	b会填充a遗留下来的空间。
内联元素(a)	块级元素(b)	b不会跟随a的移动。
	内联元素(b)	b会填充a遗留下来的空间。

 

 

 

 

 

left:　

   Ⅰ 相邻的浮动元素，left属性最前面的元素，排在最左面。

　Ⅱ 成为浮动元素后，在浮动层拥有内联元素的"特性"，当多个浮动元素1排容不下时，就换行。

right:

   Ⅰ 相邻的浮动元素，right属性最前面的元素，排在最右面。

　Ⅱ 成为浮动元素后，在浮动层拥有内联元素的"特性"，当多个浮动元素1排容不下时，就换行。

height:

height不相等的div浮动元素排序时，照拥有内联元素的"特性"，当多个浮动元素1排容不下时，就换行。

http://www.cnblogs.com/polk6/archive/2013/07/25/3142187.html