Skip to content

总结:

​ 网页中大部分对象默认是占用文档流,也有一些对象是不占文档流的,比如表单中隐藏域。当然我们也可以

让占用文档流的元素转换成不占文档流,这就要用到CSS中属性position、float、display来控制。默认情况下,所

有元素都处在文档流中,==四种情况将使得元素离开文档流:浮动float、绝对定位absolute、固定定位fixed、元素不显示display:none==,这种情况不占文档流的空间,而普通元素的位置基于文档流,脱离文档流的元素不会为其他元素带来任何的影响。

不占用文档流那么用margin:0px auto控制定位,但是margin-left:npx、margin-top:npx依然好用,left、top更常用,两者基本是等价的

注:如果父类离开文档流,那么它的子类不管是否设置float,都会离开文档流,margin:0px auto也不好用了,只能使用absolute结合calc的方式进行位置的控制。

z-index无效的情况,一共有三种:

  1. 父标签 position属性为relative;
  2. 问题标签无position属性(不包括static);
  3. 问题标签含有浮动(float)属性。