在tumblr主题上的Blockquote边框

Question

这是链接块的代码：

            {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的边框左边来阻止引号。当我尝试将此样式添加到阻止引号时，会发生以下情况：

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

我现在正在使用这个CSS：

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

提前感谢您的帮助！

只是澄清<div class="post link">是另一个div。

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

Answer 1

从float: left;规则中移除div.post h2，您就明白了：

首先，我检查blockquote本身和几个父母（其他文本中的元素）的负边距 - 并且未发现任何负边距。

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

然后我搜索了更改布局浮动的指定属性，并且首先接近blockquote元素div.post.h2，float设置为left。

<强>宾果！