元素的显示与隐藏

1. 使用display显示

display:none 隐藏对象.
display:block 除了转换层块级元素,同时还有显示元素的意思.

特点: 隐藏后不再保留位置,多用于下拉菜单.

2. visibility可见性

visibility:visible 对象可视
visibility:hidden 对象隐藏

特点:隐藏后保留位置(停薪留职),

3. overflow 溢出

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

多用于:清除浮动,隐藏超出内容.