文本和图像重叠 - 不太确定发生了什么。

Question

我即将重新设计我的网站，但我注意到在我的主博客页面上，图像和文本是重叠的。我不确定这是否重要，但我使用的是 Wordpress——帖子中的图像不是“特色图像”，它们只是嵌入在帖子中。我希望在每篇文章顶部的图片和随附的文字之间留一点空间。

无论如何，这是我的网站-http://whskytngfxtrt.com/

另外，如果我可以在这里添加第二个问题.. 我希望使这个流畅，调整到个人浏览器的宽度。是否建议将 px 替换为 % （以及如何确定 px : % ？）？如果没有，最好的方法是什么？

谢谢。

Answer 1

样式表中的#main .post_entry p {margin-top: -82px} CSS 规则使段落标签与其他内容重叠。我不太清楚为什么存在这条规则。

将clear:both 和float:left 添加到.postinfo 和#headline 以使所有内容再次对齐。

Answer 2

还有，对于

边栏#twitter {margin-top: 20px}

将其更改为 50 像素。修复右侧重叠的文字。