封装div定位

Question

我想使用HTML＆amp; amp;来实现以下效果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;上进行div.post div.post-header 这可能不是人们应该做的。

你能告诉我如何处理这个问题吗？

Answer 1

你可以尝试位置相关的东西，为此使post类position:relative和其他类position:absolute并将它们设置在你想要的地方

Answer 2

打印屏幕或只是margin-top属性不会有任何好处，因为此处也没有显示屏幕截图。 你可以给我链接看到页面的实时预览

Answer 3

我在我的网站上做了类似的事情。随意访问http://robertfauver.com/