Overflow
子元素默认是存在于父元素的内容区中,理论上来说,子元素的大小最大只能等于父元素的内容区大小,如果子元素的大小超过了父元素的内容区,则超过的部分会在父元素以外的位置显示,超出父元素的内容,我们称为溢出的内容。
父元素默认会将溢出的内容在自身外部显示。
- 使用
overflow
来设置父元素如何处理溢出内容
可选值:visible
:
不会对溢出内容作任何处理,
元素会在父元素以外的位置显示(默认值)。hidden
:
溢出的内容会被修剪,不会显示。scroll
:
会为父元素添加滚动条,通过滚动条可以查看完整的子元素内容。
该属性不论内容是否溢出,都会添加水平和垂直方向的滚动条。auto
:
会根据实际情况自动添加滚动条,
水平方向溢出时自动添加水平滚动条,
垂直方向溢出时自动添加垂直滚动条,
都不溢出时则不添加滚动条。
如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/40.html