CSS绝对定位的一些解释





 absolute定位实验







absoluteA
absoluteB
floatC
floatD

效果如下: css定位

可以看到:

  1. 采用absolute定位时,left,right,top,bottom分别是定位元素与父元素 左-左 右-右 上-上 下-下 边的距离
  2. float元素的父元素为非绝对定位元素时,float不会撑大父元素的高度。当float元素的父元素为绝对定位元素时,float元素会撑大父元素的宽度和高度
  3. 当absolute定位的元素(比如元素M)内容改变时,定位属性不会改变。比如指定M的bottom为10px,当动态向M添加了一些内容导致M高度增大时,M将向上面伸展,底框与父元素始终保持10px
THE END