另一方面，方法display: none隐藏元素将脱离标准流。 不占用页面空间的opacity: 0将元素透明度设置为0，不脱离标准流。 占用页面空间的visibility :隐藏元素，不脱离标准流。 占用页面空间并使用绝对位置，从可见区域中删除元素。 脱离标准流程。 不占用页面空间的设置元素的宽度和高度为0。 不占用页面空间。 这种方法不能隐藏内部文本。 (字体大小：0； 可以隐藏文本) transform:rotatex(90deg )将元素旋转为垂直于当前页面。 这只是显示上的转换，它占用原始元素大小和位置的文档流。 这样，元素中的文本transform 3360 scale (0，0 )就可以将元素缩放到0，而不会脱离标准流margin: 10px； padding: 10px； } .common{ width: 100px； height: 100px； 背景色： # 42b 983； } .disappear1{ display: none； } .disappear2{ opacity: 0； }.disappear3{ visibility : hidden； }.disappear4{ position : absolute； top: -9999px； } .disappear5{ /*本方式下为文字*/width: 0； height: 0； }.disappear6{ transform : rotatex (90 deg )； }.disappear7{ transform : scale (0，0 )； }.disappear8{ position : relative； left: -100%； }/style/headbodydivclass=' box ' div1divclass=' common disappear1'/div/divdivclass=' box ' div2divclass=' comon divdivdivclass=' box ' div2div divdivclass=' box ' div3divclass=' common disappear3'/div/divdivclass=' box ' div4divclass " divdivclass=' box ' div5divclass=' common disappear5'/div/divdivclass=' box ' div6divclass=' common disapear6' " divdivclass=' box ' div7divclass=' common disappear7'/div/divdivclass=' box ' div8divclass=' common disapear8'