概念

常发生在父子级关系中，若父级宽高限定，子级宽度或高度超出父元素则会发生溢出现象

溢出的处理

overflow

css
overflow: hidden;

参数

visible: 默认值，可见
hidden: "裁剪"直接将溢出的内容裁剪不显示
auto: 自动产生滑动条，此时显示的可见区域还是设定的；但是实际内容的宽度会发生变化产生滚动条
scroll：自动添加滚动条

注意

对于有定位的元素，谨慎使用overflow

visiblity

说明

让一个元素在页面中显示或隐藏

可见性

visiblity

特点

visiblity隐藏元素后还是会占用位置