div+CSS定位

影响层定位的元素有：position overflow z-index left right top bottom float height width  margin padding border display visibility

 

                                                                                                                                                                                                                                                                   

元素	值	说明	补充
position	static	无特殊定位，对象遵循HTML定位规则
	absolute	将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距，但仍有补白和边框
	relative	对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置	ie6不支持
	fixed	固定位置
z-index	auto	遵从其父对象的定位
	number	无单位的整数值。可为负数	js变量为zIndex
left|right|top|bottom	auto	无特殊定位，根据HTML定位规则载文档流中分配
	length	由浮点数字和单位标识符组成的长度值 | 或者百分数。必须定义position属性值为absolute或者relative此取值方可生效。
float	none | left |right	该属性的值指出了对象是否及如何浮动。当该属性不等于none引起对象浮动时，对象将被视作块对象(block-level)，即display属性等于block。也就是说，浮动对象的display特性将被忽略。