CSS overflow

创建时间:2019.07.07 修改时间:2019.07.07

overflow 控制溢出元素的内容的显示方式。

overflow 只能作用于指定高度的块级元素上。因为不指定高度的块级元素将会被其中的内容撑大,不存在溢出的情况。

<style>
p.visible {overflow:visible;}
p.hidden {overflow:hidden;}
p.scroll {overflow:scroll;}
p.auto {overflow:auto;}
p.inherit {border-style:double;}
</style>

效果如下:

默认值。超出元素的内容会溢出。超出元素的内容会溢出。超出元素的内容会溢出。超出元素的内容会溢出。超出元素的内容会溢出。

元素添加滚动条以便显示超出的内容。元素添加滚动条以便显示超出的内容。元素添加滚动条以便显示超出的内容。元素添加滚动条以便显示超出的内容。元素添加滚动条以便显示超出的内容。

超出元素的内容会显示滚动条。超出元素的内容会显示滚动条。超出元素的内容会显示滚动条。超出元素的内容会显示滚动条。超出元素的内容会显示滚动条。

从父元素继承 overflow 属性。从父元素继承 overflow 属性。从父元素继承 overflow 属性。从父元素继承 overflow 属性。从父元素继承 overflow 属性。