元素的显示与隐藏
本质:让一个元素在页面中显示或者隐藏
方式一(常用):display 显示隐藏
display:none:隐藏对象
display:block:除了转为块级元素外,同时还有显示元素的意思
注意:display隐藏元素之后,不在占有原来的位置(重点)
方式二:visibility可见性
visibility:visible;元素可视
visibility:hidden;元素隐藏
注意:visibility隐藏后,继续占有原来的位置
方式三:overflow溢出
overflow:visible;超出显示
overflow:hidden;超出隐藏
overflow:scroll;不管如何都显示滚动条
overflow:auto;超出自动显示,不超出不显示
注意:有定位的盒子慎用:overflow:hidden