1

次のコードがあります: http://jsfiddle.net/69MqZ/1/

灰色のテキスト行から灰色のメタデータまでを見ることができるように:ここに画像の説明を入力

左の名前の長さにもかかわらず、このようにしたい:ここに画像の説明を入力

明らかに、 position: relative または、それに応じて border-bottom を移動させる何らかの手法を使用する必要があります。これは、WordPress によって生成されたコメント出力です。

私はここで同じ問題に直面しています (すべてのコンテナには float: left; があります): ここに画像の説明を入力

4

1 に答える 1

1

コメント作成者名とメタ データ (.comment-author & .comment-meta) の両方を親要素で囲み、その親要素をフロートする必要があります。例えば：

 <div class="comment_author_wrap">
 <div class="comment-author vcard">
     <cite class="fn">John Smith</cite> <span class="says">says:</span>        
 </div>

 <div class="comment-meta commentmetadata">
     <a href="#comment-3">May 23, 2010 at 5:04 pm</a>&nbsp;&nbsp;<a title="Edit comment" href="3" class="comment-edit-link">(Edit)</a>        
 </div>
 </div>

それで

.comment_author_wrap {
   float: left;
 }

これにより、意図したとおりにコメント テキストが領域の一番上まで表示されるようになります。

于 2012-04-13T15:10:06.537 に答える