css 属性 box-sizing、z-index

Author Avatar ZTFtrue 发表于 • 2018年02月05日 11:03 • 共 • 48 • 次浏览

当你设置了元素的宽度,实际展现的元素却超出你的设置, 这是因为元素的边框和内边距会撑开元素。CSS开发者需要用比他们实际想要的宽度小一点的宽度,通过数学计算,需要减去内边距和边框的宽度。

当你设置一个元素为 box-sizing: border-box; 时,此元素的内边距和边框不再会增加它的宽度。元素的外形不再变大。

原地址

  • z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
  • 注释:元素可拥有负的 z-index 属性值。

  • 注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

  • 说明: 该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。

最后编辑于 • 2018年02月05日 11:13 •  

你尚未登录,无法进行回复。