CSS基础知识（十一）：元素的显示与隐藏

一、display 显示与隐藏

display 属性用于设置一个元素应如何显示。
display: none ；隐藏对象
display：block ；除了转换为块级元素之外，同时还有显示元素的意思
display 隐藏元素后，不再占有原来的位置

二、visibility 显示与隐藏

visibility 属性用于指定一个元素应可见还是隐藏。
visibility：visible ; 元素可视
visibility：hidden; 元素隐藏
visibility 隐藏元素后，继续占有原来的位置。
如果隐藏元素想要原来位置， 就用 visibility：hidden
如果隐藏元素不想要原来位置， 就用 display：none (用处更多 重点）

三、overflow 溢出显示隐藏

属性值	描述
visible	不剪切内容也不添加滚动条
hidden	不显示超过的对象尺寸的内容，超出的部分隐藏掉
scroll	不管超出的内容否，总是显示滚动条
auto	超出自动显示的滚动条，不超出不显示滚动条

四、总结

1. display 显示隐藏元素 但是不保留位置
2. visibility 显示隐藏元素 但是保留原来的位置
3. overflow 溢出显示隐藏 但是只是对于溢出的部分处理