1

HTMLとCSSを使用して次の効果を実現したいと思います。

Printscreen

ここに画像の説明を入力してください

しかし、正しくやっているかどうかはわかりません。
現在の状態は次のとおりです。

<div class="post"><!-- Posts are just divs with a white background -->
    <div class="post-header">
        <div class="left">Som Text</div>

        <div class="center">
            <img src="pseudo" class="center" />
        </div>

        <div class="right">Som Text</div>
    </div>

    <p class="title">Som Text</p>
</div>

次に、私は単にmargin-top:-66px;onを実行していdiv.post div.post-headerます。
これはおそらく人がすべきことではありません。

これにどのようにアプローチするかについてのアイデアを教えてください。

4

3 に答える 3

2

位置に関連することも試すことができます。このため、postクラスposition:relativeや他のクラスを次のように作成し、必要なposition:absolute場所に設定します。

于 2013-01-21T10:32:50.983 に答える
1

スクリーンショットもここに表示されないため、印刷画面やマージントッププロパティだけでは効果がありません。ページのライブプレビューを表示するためのリンクを教えてもらえますか

于 2013-01-21T10:28:21.480 に答える
0

私は自分のサイトで同様のことをしました。http://robertfauver.com/にアクセスしてください。

于 2013-01-23T17:28:13.133 に答える