除DIV之外的元素的CSS“溢出”属性

Question

CSS属性overflow是否适用于div，或者是否有支持此属性的其他HTML元素列表？

我试图使用：

<span style="overflow:auto;"><img src="hs.gif" alt="Horizontal Scroll"></span>

但是当内容被部分隐藏时，它似乎不会应用水平滚动条，就像div的情况一样。

Answer 1

overflow适用于block level elements。

Span是内嵌元素（与img一样），因此不适用。

Answer 2

适用于大多数*元素;问题是您的<span>会展开以包含您的图片。 （滚动条需要多长的宽度？）给它一个宽度（为此，它也不能内联; <span>的默认值）：

<span style="overflow: auto; display: inline-block; width: 100px;">

And now it works.

^{* most：块级元素，表格单元格，内联表格和内联块元素。 Documentation here.}

Answer 3

**初始值：可见

适用于：块和内联块元素，表格单元格

继承：否

媒体：视觉

指定的计算值**

了解更多详情https://developer.mozilla.org/en-US/docs/CSS/overflow