css位置 relative absolut fixed float index-x

postion
relative:相对的。

absolutel:绝对的.
1.绝对定位的元素的位置是相对于距离他最近的
非static祖先元素位置决定的。
如果元素没有已定位的祖先元素,
那么他的位置就相对于初始包含块儿(body或html神马的)元素。
因为绝对定位与文档流无关,所以绝对定位的元素可以覆盖页面上的其他元素,可以通过z-index属性控制叠放顺序,

2.z-index越高,元素位置越靠上。

3.Z-index 仅能在定位元素上奏效(例如 position:absolute;
在实际DIV+CSS布局时候我们需要绝对定位样式,并且可以使用left、right进行定位,
通过不同z-index值实现层重叠顺序排列。

fixed:应用fixed也叫固定定位,固定定位是绝对定位的中

float:浮动的
1.left right
2.会覆盖,会被挤压。
clear:行框清理
1.clear属性,属性的left,right,both,none
2. <!-- <div style="clear:both;"></div>--> 有种被包裹的视觉

原文地址:https://www.cnblogs.com/cylblogs/p/5209956.html