CSS的visibility:hidden和display:none的区别
1.visibility属性
取值
- visible 元素的默认值
- hidden 元素被隐藏,任然占据空间
2.visibility:hidden和display:none两种隐藏的区别
visibility:hidden隐藏后,仍然会占据页面空间
div{
width: 100px;
height: 100px;
background-color: skyblue;
}
<body>
<div style="visibility: hidden;"></div>
<div></div>
</body>
display:none隐藏后,不会占据页面空间
div{
width: 100px;
height: 100px;
background-color: skyblue;
}
<body>
<div style="display: none;"></div>
<div></div>
</body>