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

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}

将其更改为50px。要修复右侧的重叠文本。