元素的显示与隐藏

元素的显示与隐藏

1. display

display: none;//隐藏元素，不仅可以隐藏元素，隐藏的元素不占原来的位置

display: block; //除了转换为块元素还有显示的意思

2.visibility

visibility:inherit; 继承父元素属性

visibility: hidden; 隐藏元素，但是会占有原来的位置

visibility: visible; 元素可见

3.overflow:溢出

overflow:visible (默认)显示，

overflow:hidden; 溢出隐藏; 

overflow:scroll; 溢出的部分显示滚动条，不溢出也显示滚动条

overflow:auto; 在需要的时候添加滚动条

注意：

有定位的时候要慎用overflow:hidden 会隐藏多余的部分。