如何隐藏和显示HTML标签

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

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


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


2.隐藏占有原来的位置

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

/*元素可见*/
visibility:visible


3.溢出显示隐藏

/*显示溢出(默认)*/
overflow:visible

/*隐藏*/
overflow: hidden;

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

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

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

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

营销型网站