0

これは、リンク ブロックのコードです。

            {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.

タンブラーはこちら: http://iamsomething-awesome.tumblr.com/

4

1 に答える 1

1

float: left;ルールから削除するdiv.post h2と、次のようになります。 float: blockquote に問題を残しました

最初に、blockquoteそれ自体とそのいくつかの親 (以降のテキストの要素) の負のマージンをチェックしますが、負のマージンは見つかりませんでした。

次に、プロパティの要素の非標準値をチェックしましdisplayたが、特別なことは何もありませんでした。

次に、レイアウトの float を変更する特定のプロパティを検索し、最初に blockquote 要素に近いのは に設定さdiv.post.h2れているfloatものleftです。

ビンゴ！

于 2012-06-10T16:37:36.253 に答える