一、display:none與visiblity：hidden的區(qū)別

聯(lián)系：隱藏元素

區(qū)別：display會讓元素從渲染樹上消失，不占空間，visiblity不會讓元素從渲染樹上消失，占據(jù)空間，只是內(nèi)容消失

二、z-index

設(shè)置元素的堆疊順序，擁有更高堆疊順序的元素會在堆疊順序較低的元素前面，當(dāng)脫離文檔流內(nèi)容較多時，且相互重疊時，就可能發(fā)生本想完全顯示的內(nèi)容被其他內(nèi)容所遮擋的結(jié)果，這時就需要人為指定那個層在上面。z-index只在定位元素上奏效。

三、box-sizing

box-sizing：content-box 盒子的尺寸僅包括內(nèi)容的寬度和高度，不包括內(nèi)邊距和邊框。也就是說，設(shè)置了寬度或高度的盒子，實際顯示的寬度或高度將會增加內(nèi)邊距和邊框的值。

box-sizing：border-box 盒子的尺寸包括了內(nèi)容、內(nèi)邊距和邊框的寬度和高度。也就是說，設(shè)置了寬度或高度的盒子，其實際顯示的寬度或高度不會再增加內(nèi)邊距和邊框的值。