Question

所以我正在制作这个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的溢出设置为auto时，图标将不会显示。

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

造成这种情况的原因是什么？如何解决？

谢谢：）

Answer 1

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

删除overflow-x

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

您尚未设置为，因此滚动条将永远不会显示，并且所有不在容器li.post普通视图中的图标都不可见（因为绝对定位）。

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

1 个答案: