【前端学习笔记day24】3.8.css元素溢出

css元素溢出

当子元素的尺寸超过父元素的尺寸时&＃xff0c;需要设置父元素显示溢出的子元素的方式&＃xff0c;设置的方法是通过overflow属性来设置。

overflow的设置项&＃xff1a;
1、visible 默认值。内容不会被修剪&＃xff0c;会呈现在元素框之外。
2、hidden 内容会被修剪&＃xff0c;并且其余内容是不可见的&＃xff0c;此属性还有清除浮动、清除margin-top塌陷的功能。
3、scroll 内容会被修剪&＃xff0c;但是浏览器会显示滚动条以便查看其余的内容。
4、auto 如果内容被修剪&＃xff0c;则浏览器会显示滚动条以便查看其余的内容。
5、inherit 规定应该从父元素继承 overflow 属性的值。

元素溢出示例&＃xff1a;