html - tumblr 主题上的 block 引用边框

Question

这是链接 block 的代码:

            {block:Link}
        <div class="post link">
            <h2>
             <a href="{URL}" class="name">{Name}</a></h2>

            <div class="content">
                {block:Description}{Description}{/block:Description}
                <span class="date">
                <a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}
                </a>
                </span>
            </div>
        </div>
        {/block:Link}

我想做的是添加一个 10px 的左边框来阻止引号。当我尝试将此样式添加到 block 引号时，会发生这种情况:

block 引用边框流入帖子标题，我不希望发生这种情况，我希望边框布局保留在内容 div 中。

我现在正在使用这个 CSS:

            div div div blockquote {
            border-left: 10px solid red;
        }

在此先感谢您的帮助!

只是为了澄清<div class="post link">在另一个div .

这是 tumblr:http://iamsomething-awesome.tumblr.com/

Answer 1

从 div.post h2 规则中删除 float: left; 就可以了:

首先，我检查了 blockquote 本身和它的几个父级(elements 在进一步的文本中)的负边距 — 没有发现任何负边距。

然后我用 elements 的非标准值检查了 display 属性，但没有什么特别的。

然后我搜索了改变布局 float 的指定属性，首先靠近 blockquote 元素的是 div.post.h2，它的 float 设置为 left 。

宾果!