css 显示和隐藏的总结

display 显示

display设置或检索对象是否及如何显示。

display: none隐藏对象
display: b1ock 除了转换为块级元素之外，同时还有显示元素的意思。

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

实际开发场景:
配合后面js做特效， 比如下拉菜单，原先没有，鼠标经过,示下拉菜单，应用极为广 泛

visibility可见性

设置或检索是否显示对象。

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

特点:隐藏之后，继续保留原有位置。

overflow溢出

● 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容

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

显示和隐藏的总结

属性	区别	用途
display	隐藏对象，不保留位置	配合后面js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单，应用极泛
visibility	隐藏对象，保留位置	使用较少
overflow	只隐藏超出大小的部分	1.可以清除浮动2.保证盒子里面的内容不会超出该盒子范围