移动元素而不会导致重叠?

时间:2012-03-27 02:31:56

标签: css padding margin

我需要带上.post_entry(右侧),以便它与.post_info(左侧)保持一致。 当我尝试使用#main .post_entry p {margin-top: -82px}这样做时,我导致了图像和文本的重叠。如何在不引起重叠的情况下向上移动元素?

感谢。

我的直播网站 - http://whskytngfxtrt.com

enter image description here

2 个答案:

答案 0 :(得分:4)

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

段落仍然需要margin-top: -82px;

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

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

答案 1 :(得分:1)

为什么不呢:

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

???