在 CSS 中,overflow 属性指定包含元素的内容超出其框时发生的事情。它有四个可能的值,hidden、scroll、auto 和 visible。此外,有没有值等价于具有值 visible。
这个属性非常有用,因为它允许我们在不调整元素大小的情况下处理溢出内容。
有时候可能会遇到这种情况:一个元素内容区域很大,而包含它的元素框架很小。如果不知道要溢出掉哪些内容,这时 overflow 属性就派上用场了。
hidden:超出内容将被隐藏。scroll:添加滚动条以便滚动显示全部内容。auto: 浏览器决定显示哪种行为。visible:超出内容仍然显示。
下面我们通过一个例子来更好地理解它的用法: