CSS绝对定位的一些解释

absoluteA
absoluteB
floatC
floatD

效果如下：


可以看到：

1. 采用absolute定位时，left,right,top,bottom分别是定位元素与父元素 左-左 右-右 上-上 下-下 边的距离


2. float元素的父元素为非绝对定位元素时，float不会撑大父元素的高度。当float元素的父元素为绝对定位元素时，float元素会撑大父元素的宽度和高度


3. 当absolute定位的元素(比如元素M)内容改变时，定位属性不会改变。比如指定M的bottom为10px，当动态向M添加了一些内容导致M高度增大时，M将向上面伸展，底框与父元素始终保持10px