CSS - 元素的显示与隐藏 display，visibility，溢出显示与隐藏 overflow

1.元素的显示与隐藏 display

不会占有原来的位置

/*隐藏元素*/
display: none;

/*显示元素 并且设置为块级元素*/
display: block;

 

2.元素的显示与隐藏 visibility

会占有原来的位置

/*隐藏元素*/
visibility: hidden;

/*显示元素*/
visibility: visible;

 

3.溢出显示与隐藏 overflow

overflow: visible;
        
overflow-x: visible;
        
overflow-y: visible;

visible 默认值。内容不会被修剪，会呈现在元素框之外。

hidden 内容会被修剪，并且其余内容是不可见的。

scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。