[TOC]
想要出现滚动条有两个条件:固定的容器大小(固定宽度、固定高度、固定宽高度)和设置overflow属性。

overflow

这个属性定义溢出元素内容区的内容会如何处理

属性值

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

如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。(这个情况在安卓手机上面可以见到但并不常见,IOS目前没有发现这个问题)。

占用文章,未完待续


汻烬椮
18 声望1 粉丝

做一个细致入微的人