1. display隐藏/显示
-
display设置或检索对象是否显示及如何显示
display: none; 隐藏对象 display: block; 除了转换为块级元素之外,同时还有显示元素的意思
-
特点:隐藏之后,不再保留原来的位置
-
应用:配合js做特效,比如下拉菜单,应用广泛
2. visibility可见性
-
visibility设置或检索是否显示对象
visibility: visible; 对象可视 visibility: hidden; 对象隐藏
-
特点:隐藏之后,继续保留原有位置。
-
应用:使用较少
3. overflow溢出
- 检索或设置当对象的内容超过其指定高度及宽度时如何对超过的内容进行管理。
属性 | 描述 |
---|---|
visible | 不剪切内容也不添加滚动条 |
hidden | 不显示超过对象尺寸的内容 |
scroll | 不管是否超出,总是显示滚动条 |
auto | 超出自动显示滚动条,不超出不显示 |
- 应用:可以清除浮动、保证盒子里面的内容不会超出盒子范围