0

私は個人的なプロジェクトに取り組んでおり、設計上の問題があります:

「こんにちは、私の名前はダニエルです...」というテキストの div と、その下に別の div があるとします。

したがって、幅はそのフレーズと要素を取るサイズにする必要があります。コンテナ全体のサイズではありません。

これはHTMLの私のコードです:

<div id="feed">

        <div class="post">
            <div class="feed-msg">
                <p>My name is Daniel...</p>
                <div class="meta">5 hours ago.</div>
            </div>
        </div><!-- [End] .post -->
</div>

これはCSSの私のコードです:

#feed {
 position: relative;
}

#feed .post {
min-height: 55px;
margin-left: 90px;
position: relative;
margin-bottom: 20px;
}

#feed .post div.feed-msg {
padding-left: 15px; padding-top: 9px; padding-bottom: 10px; padding-right: 15px;
}

ありがとう。

4

2 に答える 2

1

これが欲しいですか: http://jsfiddle.net/uhEBs/ ?

使用する

#feed .post div.feed-msg {
    display:inline-block;
}

さらに、あなたはに参加することができpadding-left: 15px; padding-top: 9px; padding-bottom: 10px; padding-right: 15pxますpadding: 9px 15px 10px 15px

于 2012-09-02T20:56:46.850 に答える
0

メタ div を msg div 内に配置しました。それらを分離し、代わりにポスト div の一部としてメタを使用してから、それぞれの幅を設定する方が簡単な場合があります。

于 2012-09-02T20:59:19.093 に答える