概念:
子元素内容的溢出
子元素默认是存在于父元素的内容区中,理论上子元素最大可以等于父元素内容区大小,但是如果子元素的大小超过了父元素的内容区,则超过的大小会在父元素之外的位置显示,超出的内容,我们称之为溢出的内容,父元素默认是将溢出内容在父元素内容区外面显示。
语法:
overflow 给父元素设置
overflow: visible; /* 默认值【内容不会被修剪,会呈现在元素框之外】 */overflow: hidden; /* 内容会被修剪,并且其余内容是不可见的 */overflow: scroll; /* 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容 */overflow: auto; /* 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容 */overflow: inherit; /* 规定应该从父元素继承 overflow 属性的值 */