css - ：在溢出为自动时不显示之前

Question

所以我正在制作这个使用 :before 作为图标的 tumblr 主题，如下所示：

    /* Icons */
    ol#posts li:before{
        content:"";
        display:block;
        position:absolute;
        left:-46px;
        width:32px;
        height:24px;
        background-repeat:no-repeat;
        // tried: overflow:visible;
    }
    li.text:before{
        background:url('http://i.imgur.com/z5YtE.png');
    }
    [...]

但是当我将 li.post 的溢出设置为自动时，图标不会显示。

    li.post{
        position:relative;
        max-height:400px;
        overflow-x:auto;
    }

是什么原因造成的，我该如何解决？

谢谢 ：）

Answer 1

你可能会给自己答案，“当我将 li.post 的溢出设置为自动时，图标不会显示。”

删除溢出-x

你正在做的是，如果有更多的内容然后一个未定义的宽度，然后显示一个滚动条。

你还没有设置一个 with，所以滚动条永远不会出现，并且所有不在容器 li.post 普通视图中的图标都是不可见的（因为绝对定位）。