1、display属性
display:none;
隐藏对象,不再占有位置。display:block;
除了转换为块级元素之外,同时还有显示元素的意思。
2、visibility属性
visibility:visible|hidden;
元素可视或元素隐藏- 而
visibility
隐藏元素后,会继续占有原来的位置。
3、 overflow属性(针对溢出部分)
如果内容溢出一个元素的框(超过其指定高度宽度时),则
值 | 备注 |
---|---|
visible | 不剪切内容,也不添加滚动条 |
hidden | 不显示超过尺寸的内容,超过部分隐藏 |
scroll | 不管超出与否,显示滚动条 |
auto | 超出尺寸的内容自动显示滚动条,不超出不显示滚动条 |
注意: 如果有定位的盒子,则谨慎使用overflow:hidden;
因为它会隐藏多余的一部分。