如何隐藏和显示HTML标签

1.隐藏不占有原来的位置

/*隐藏对象，不再占用原来的位置*/
display :none


/*除了转化为块元素之外，同时还有显示元素的意思*/
display :block

2.隐藏占有原来的位置

/*元素隐藏，继续占有原来的位置*/
visibility:hidden

/*元素可见*/
visibility：visible

3.溢出显示隐藏

/*显示溢出（默认）*/
overflow:visible

/*隐藏*/
overflow: hidden;

/*溢出显示滚动条，溢出不溢出都显示*/
overflow: scroll;

/*超出显示滚动条*/
overflow: auto;

ps：overflow 定位的盒子，请慎用隐藏，会切掉隐藏地方

土豆网视频网，每个鼠标经过的时候，就会展示一个透明黑色的罩子不占有位置，就需要用到绝对定位和 display 配合使用