向上移动元素而不造成重叠？答案

【问题标题】：move element up without causing an overlap?向上移动元素而不造成重叠？
【发布时间】：2012-03-27 12:18:15
【问题描述】：

我需要将 .post_entry(right side) 抬高，使其与 .post_info(left side. 当我尝试使用#main .post_entry p {margin-top: -82px} 这样做时，我造成了图像和文本的重叠。如何在不导致重叠的情况下向上移动元素？

谢谢。

【问题讨论】：

这是我见过的最聪明的域名之一。
@BoltClock 这是一个创意工作室网站，你不能期望更少，对吧？
谢谢！关于如何向上移动元素有什么想法吗？
一方面，您似乎没有正确使用<p> 元素。我有一种感觉，您应该将您的帖子信息和标题分组到一个元素中，并将您的帖子条目分组到另一个元素中，然后将它们浮动。基本上，布局需要重新考虑，以消除您目前面临的深奥的边距问题......
不太确定 margin-top:-82px 有什么问题，你能提供一个截图告诉我们到底是什么问题吗？ :o

【解决方案1】：

您正在post_entry 中构造两个段落，一个用于图像，一个用于文本。不要有两个段落，而是有一个并在图像和文本之间放置一个中断<br />。那将解决它。

您仍然需要该段落的margin-top: -82px;。

我做了两个 jsfiddle。下面的一个有两个段落 - 文本消失在图像后面。
Broken jsFiddle

下面的第二个，有一个段落，在图像和文本之间有一个换行符...
Working jsFiddle

【讨论】：

感谢您的示范。不过，我想知道，如果 Wordpress 不自己添加<p>？我没有在任何地方添加它们，实际上有一个分隔图像和文本。如果 Wordpress 正在添加
，它在哪里以及如何防止这种情况发生？
事实证明，WP 确实添加了
和它自己。我使用名为 TinyMce Advanced 的插件禁用了它。

【解决方案2】：

为什么不只是：

#main .post_entry {margin-top: -82px}

???

【讨论】：