html - tumblr 标签 - 页脚大小需要与标签相关

标签 html css tags footer

我环顾四周,我的问题非常具体,所以我认为还没有其他人问过类似的问题(如果有人问过我,我深表歉意,我很乐意被引导到答案! ).

无论如何,我有一个类似lutnik here的问题除了我的标签很好地适合我的页脚上的一行。主题的默认设置隐藏了标签溢出,但我希望显示所有标签。不幸的是,当它们都显示 this happens .

是否有某种代码可以使页脚(蓝色部分)根据标签的数量向下延伸?

我一直在将这个当前主题与另一个似乎确实对其页脚有某种扩展效果的主题进行比较,所以我知道这是可能的,但是比较代码一直让我发疯,因为我没有想到什么可以导致那种效果(然后我又是一个完全的初学者......)。

据我所知,相关部分是代码的信息部分(我猜主题制作者决定如何称呼该页脚?)和标签部分。

/* CONTENT */

    .info {
        height: 25px;
        float:center;
        padding-top:2px;
        margin-top:10px;
        opacity:0.7;
        text-align:center;
        font-size:8px;
        letter-spacing:1px;
        background-color: {color:Info BG};
        background-image:url('{image:Info BG}');
        color:{color:Link};
        border-top: 1px solid {color:Info Border};
        border-bottom: 2px solid {color:Info Border};
        width: 560px;  
        margin-left:-30px;
        text-transform:uppercase;
        transition-duration: 0.6s;  
        -moz-transition-duration: 0.6s;  
        -webkit-transition-duration: 0.6s;  
        -o-transition-duration: 0.6s; }
    
    .info a {
        font-size:8px;
        padding-right:10px;}

    /* TAGS */

    .tags {
        padding-top:2px;
        height:10px;
        opacity:0.8;
        overflow: visible;
        font-size:8px;
        text-transform:uppercase;}
    
    .tags a {
        padding-right:6px;
        color:#000000;
        font-size:8px;}

这是 entire code对于我当前使用的主题。

任何帮助将不胜感激!如果需要更多信息,请告诉我。

最佳答案

哦!没关系。我解决了!

我只需要从“.info”中删除代码的“高度”部分以阻止页脚成为固定高度,然后从“.tags”中删除“高度”以防止溢出。

关于html - tumblr 标签 - 页脚大小需要与标签相关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27473101/

相关文章:

java - cucumber (在 Java 中): How can I run scenarios with both tags only

Jenkins 管道 : when condition and mercurial tags

javascript - jQuery 在更改事件中获取 div prev

html - Outlook 2010 可以在 html 电子邮件中使用网络字体吗?

html - CSS 下拉菜单 -> 跨浏览器

html - 如何使用 CSS 获得以下页面布局?

javascript - 使用 CSS transform scale() 在不裁剪的情况下放大元素,保持滚动

java - 如何仅使用标签对 JSP 中的列表(运行时变量)进行排序?

javascript - JavaScript中的动态函数名称

javascript - 在文本框中自动填充逗号和小数