web前端基础 （9）元素的显示与隐藏

元素的显示与隐藏

三个常见属性

display、visibility、overflow

display  显示

display: none

隐藏对象与它相反的是display:bloick 除了转换为块级元素，同时还有显示元素的意思

特点：隐藏之后，不再保留位置

visibility 可见性

visibility: visible; //对象可见

visibility: hidden; //对象隐藏

特点：隐藏后，继续保留原有位置

overflow 溢出

overflow: visible;      //不剪切内容也不添加滚动条

overflow: auto;     //超出自动显示滚动条，不超出不显示滚动条

overflow: hidden;      //不显示超过对象尺寸的内容，超出部分隐藏

overflow: scroll;      //不管是否超出内容，总是显示滚动条