CSS元素的显示与隐藏

 元素的显示与隐藏

        display显示隐藏

        visibility显示隐藏

        overflow溢出显示隐藏

1. display 属性

display：none；隐藏对象

display：block；除了转换为块元素之外，同时还有显示元素的意思

display隐藏元素后，不再占有原来的位置

2.visibility 可见性

visibility：visible；元素可视

visibility：hidden；元素隐藏

visibility隐藏元素后，，继续占有原来的位置

3.overflow 溢出

overflow ：visible ； 不剪切内容也不添加滚动条

overflow：hidden； 不显示超过对象尺寸的内容，超出的部分隐藏掉

overflow：scroll；不管超出内容否，总是显示滚动条

overflow：auto；超出自动显示滚动条，不超出不显示滚动条