CSS：身高在前面的DIV是向下推动页脚清除：两个

Question

我有一个问题，我有一个最小高度页脚上面一个div成立。为了让页脚中的文本对齐中心，我使用clear：都在CSS中。唯一的问题是现在内容和页脚之间有很大的空间？

这里是我工作的网站： http://brimbar.com/no_crawl/RiverHollow/about.html

谢谢！

Answer 1

这是因为你有一个巨大的margin-bottom是形象抹灰。 clear: both的意思是“没有元素应该在这个元素的任何一边”，所以页脚必须低于600px的边距。

页脚文字不居中没有clear: both的原因是因为它只集中在div的开始和该图像的左侧（加上其巨大的边距）之间的宽度内。

你应该做的是改变的标记，使您的形象出现在内容DIV中另一列格，因为你似乎想在自己的列，而不是浮动来显示它。如果你这样做，你不需要巨大的边缘，也不需要你的页脚元素clear: both。

这里有一个演示：http://jsbin.com/uxiqer/1/edit

注意，你可以使用花车或position: absolute定位在右边的.images格;我只是发现position: absolute更容易合作。

如果你不需要图像显示在自己的列中，那么你可以简单地保持图像上的浮动并删除该图像，然后文本将很好地包围图像及其边缘。这是float的预期目的。然后，如果内容div没有巨大的边距，则页脚文本可以正确居中，而不需要任何clear: both。

Answer 2

删除clear：both并将特定高度添加到页脚，而不仅仅是最小高度。我无法让你的文本对齐，但我敢打赌，如果你删除了“位置：静态”就可以了。

既然你硬编码的容器本身的1550px的高度，页脚占用提供给它的空间的其余部分，因为它只有一个“最小高度”的要求不是最大。