首页 > 技术文章 > css层级

xjy20170907 2020-05-18 15:04 原文

标准流 < 浮动 < 定位

定位的元素可以使用z-index设置层级,不设置默认为0

层级为0的盒子,也比标准流和浮动高;

层级为负数的盒子,比标准流和浮动低;

层级一样,后面的盒子比前面的层级高;

浮动或者标准流的盒子,后面的盒子比前面的层级高;

提高层级的常用方法:

position:relative;

z-index:1;

推荐阅读