overflow

可能的值

描述
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。

可细分为overflow-x, overflow-y,控制x, y 两个方向。

 

overflow针对的是元素本身,所以元素本身必须有一个固定宽/高,scroll属性才会生效。 比如要指定height:100%;

注:一个元素如果本身没有指定高度,它会从子元素去推断出自己的高度。比如一个div,里面有一个ul列表。如果没有给div显式指定高度,它就会从ul计算出自己的高度,这样子就无法滚动。

posted @ 2021-06-05 09:52  momirror  阅读(437)  评论(0)    收藏  举报