CSS-图像和页脚问题

好的，如果你去这里：

您将注意到两个布局问题

这3个徽标的图像需要位于“Gold”（金色）标签下方。但出于某种原因，它不会这样做。我已经为

标记指定了一个

相对的位置，因为其中还有其他div需要将图像与底部对齐，这样做是正确的，但是，它现在不会位于
黄金
HTML下方

下一期版面：


我一直拼命想在这页的底部加一个页脚。听起来很简单，对吗？错了！但现在我把div设置在底部，它似乎切断了它上面的顶部区域div。所以，并不是所有的内容都显示出来。相反，它被推到了页脚的下面。我怎样才能解决这个问题？试图在上面加上填充物，但现在确定在哪里和/或如何？页脚上的页边空白似乎也没有任何作用

在此方面的任何帮助都将不胜感激。我一直在拼命地努力使这个简单的布局井然有序。它应该是一个流畅的布局，因为我正在调整文本的大小，同时页面也在调整大小，这似乎很好，除了以下两个问题：(

编辑

下面是应用容器div的100像素高度值时的图片：


这给了它太多的空间，在
Gold
和3张图片之间。至少在Opera中是这样。有什么可能的解决办法吗？
这里有一个解决办法

.body {
    background-color: #FFFFFF;
    padding: 2em 2em 52px 0;
}

在一个分区中有3个徽标，例如，在该分区上添加高度

element.style {
    height: 100px;
    position: relative;
    width: 100%;
}

非常基本的东西真的，你应该看看这里的
clearfix的

当你给一个div添加一个
float
或
position:absolute；
时，在某种程度上，它会放弃它的
保留的
空间，从而使父
div
认为里面没有任何东西，因此没有
高度
，
clearfix
会为你解决这些问题，我说的原因是因为3个日志o都是浮动的
或绝对的

这是我得到的
结果

Clearfix是浮动元素容器的解决方案，但对于绝对（和固定）定位的元素，没有什么能做到这一点，因为它们完全不在流中。您必须知道它们在哪里，它们可以占用多少空间（即使根据WCAG 2.0，缩放文本的比例为200%）给它留点空间。可以是一个边距或填充物沿着一个元素阻止其他元素在那里显示，等等，我建议clearfix的唯一原因是因为他同时具有浮动和绝对，所以浮动将获得最大的返回高度，但是的，感谢信息我刚刚尝试将高度设置为100像素…而且它太低了。如何来吧？我刚去了你的链接，它在我的屏幕上看起来很好，如果可以的话，给我发张照片：）在Opera浏览器中看一下。。。将更新我的问题与一个新的图片的方式看起来现在。