前端学习之元素隐藏

隐藏元素：让一个元素在页面中隐藏或者显示出来

1.display显示隐藏：

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

display隐藏元素后，不在占有原来的位置

2.visibility 可见性：

visibility属性用于指定一个元素可见还是隐藏

• visibility：visible;元素可见
• visibility:   hidden;元素隐藏

visibility隐藏元素后继续占有原来位置

如果隐藏元素不想要原来位置，使用display:none;（用处更多）

如果隐藏元素想要原来位置，visibility：visible;

3.overflow 溢出：

对溢出元素进行显示或隐藏

overflow：visible；（默认为显示）

overflow：hidden；溢出部分隐藏

overflow：scroll；不溢出的部分显示滚动条

overflow：auto；只在溢出时显示滚动条

一般情况下不显示溢出的部分，如果有定位的盒子，请慎用overflow：hidden。