文本和圖像重疊 - 不太確定發生了什麼。

我剛剛完成了我的網站的重新設計，但我注意到，在我的主要博客頁面上，圖像和文字重疊。我不確定它是否重要，但我使用的是Wordpress，這些帖子中的圖片不是「精選圖片」，而是嵌入在帖子中。我想在每篇文章頂部的圖片和附帶的文字之間留出一點空白。文本和圖像重疊 - 不太確定發生了什麼。

總之，這裏是我的定點http://whskytngfxtrt.com/

另外，如果我可以在這裏添加第二個問題..我希望，使這個流體，調整個別瀏覽器的寬度。僅僅用％替換px（以及如何確定px：％？）是可取的？如果不是，最好的方法是什麼？

謝謝。

2012-03-26 AMC

您可能在這裏有更多的運氣：http://wordpress.stackexchange.com/ – 2012-03-26 20:33:00

將發佈在那裏，謝謝！ – AMC 2012-03-26 21:06:09

他們把我引回到這裏，它似乎有更多的與css比WP。 – AMC 2012-03-26 21:40:38

#main .post_entry p {margin-top: -82px}您在樣式表中使用的CSS規則會使段落標籤與其他內容重疊。我不太清楚爲什麼這個規則存在。

將clear:both和float:left添加到.postinfo和#headline以使所有事情再次對齊。

2012-03-27 00:44:09

我的意圖是擁有'#main .post_entry p {margin-top：-82px}'是爲了讓帖子內容在左邊的標題/ meta上處於正確的級別。隨着該規則被刪除，內容被移回。我怎麼能把它提起來？ – AMC 2012-03-27 01:35:19

答覆已更新。 – 2012-03-27 02:50:14

此外，對於

側邊欄#twitter {邊距：20像素}

變化，爲50像素。修正右邊的重疊文字。

2012-03-27 01:02:43

回答