HTML元素的显示与隐藏

1、display属性

• display：none；隐藏对象，不再占有位置。
• display：block；除了转换为块级元素之外，同时还有显示元素的意思。

2、visibility属性

• visibility:visible|hidden;元素可视或元素隐藏
• 而visibility隐藏元素后，会继续占有原来的位置。

3、 overflow属性（针对溢出部分）

如果内容溢出一个元素的框（超过其指定高度宽度时）,则

值	备注
visible	不剪切内容，也不添加滚动条
hidden	不显示超过尺寸的内容，超过部分隐藏
scroll	不管超出与否，显示滚动条
auto	超出尺寸的内容自动显示滚动条，不超出不显示滚动条

注意： 如果有定位的盒子，则谨慎使用overflow：hidden；因为它会隐藏多余的一部分。