元素的显示和隐藏

display属性

.box {
    display: none;/*隐藏对象*/
    display: block;/*除了转换为块级元素之外还有显示元素的意思*/
}

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

visibility属性

.box {
    visibility: visible;/*元素可视*/
    visibility: hidden;/*元素隐藏*/
}

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

overflow溢出

overflow:visible | auto | hidden | scroll

.box {
    overflow: visible;/*显示溢出部分*/
    overflow: scroll;/*溢出部分显示滚动条,不溢出也会显示*/
    overflow: hidden;/*隐藏溢出部分*/
    overflow: auto;/*若超出自动显示滚动条,不超出正常显示*/
}

如果有定位的盒子时使用overflow:hidden会隐藏多余的部分