我的网站网址： http://piquantblog.com
以为它不会回来困扰我，我给了我的容器一个固定的高度，因为我无法弄清楚你在主页上的内容下方和页脚上方看到的巨大空白的原因。 显然，当我开始编写帖子页面时，这最终干扰了我的布局。
现在我已经浏览并制作了所有可能的容器 height：auto，我似乎找不到大量空白的原因。该空间在Chrome和Firefox中都可见，因此似乎不是浏览器问题。
任何想法？？
你的问题是相对定位。
我已经检查了您的代码，#container 元素中的所有元素都使用负的上/左坐标和相对定位进行定位。
每次使用相对定位时，您都应该想象元素应该占用的空间仍然被占用，而位置坐标只是将元素的可视化移动到其他地方。
如果将这些元素的高度总和相加，它们的总和将是 460+620+6*300 = 2880px。
为了以灵活的方式实现您想要的结果，您应该只在元素上使用 float：left，确保所有元素都有一个明确定义的宽度（这很重要），最好还有一个高度（但它并不那么重要）。
并用
完成元素列表
这是一个典型的菜鸟错误。使用相对产生额外的间距，使用固定/绝对使设计刚性，使用浮动允许灵活性并避免空间。
博士
删除位置：相对;顶部：NNpx;left：来自 #container 内所有项目（如 #post-16）的 NNpx，然后在 #container 中的所有项目上使用 float：left。
您必须调整边距/填充等，以便在应用浮点后保持元素的距离。
chrome，右键单击空格，检查此元素。 您现在可以将所有元素和 CSS 属性编辑为 html，直到找到解决方案。当你找到它时，编辑你的CSS和核心文件来解决它