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