元素的显示与隐藏

设置元素显示与隐藏的常用属性

display 显示方式

• none  元素隐藏，且隐藏之后，不保留其位置
• block 元素作为块级元素显示
• inline 元素作为行级元素显示
• inline-block 元素作为行内块元素显示

不同元素的display默认值不一样，一般使用none和block进行元素显示与隐藏的切换

visibility 可见性

• hidden 元素不可见，不是隐藏，所以保留其位置
• visible 元素可见（默认值）

overflow 溢出

• hidden 溢出隐藏
• auto 超出则显示滚动条
• scroll 一直显示滚动条
• visible 不隐藏溢出，也没有滚动条（默认值）

一般使用hidden，因为自带的滚动条样式无法修改，所以滚动条还是自己来做好