display、visibility 、overflow

display 隐藏

div { display: none | block; }

• none隐藏元素

• block除了可以转换成块元素还可以显示元素

• 注意：隐藏后的元素不占用原来的位置

visibility 

div { visibility: visible | hidden; }

• visible 可视，hidden隐藏

• 不同点：隐藏，但保留位置

overflow 溢出部分隐藏 

div { overflow: visible | auto | hidden | scroll; }

• visible 默认值 超出的部分显示出来

• auto 在需要的时候添加滚动条

• hidden 把多出来的部分隐藏

• scroll 一直显示滚动条

• 如果有用定位的盒子，慎用overflow: hidden，因为会隐藏超出的部分