html - 页脚的位置是不变的

Question

如何让页脚位于容器底部，在 main 中的所有内容之后？

这是 site :(在主页上没问题，但在其他任何页面上都没有)

Answer 1

您的布局存在一些问题。您必须首先摆脱固定高度或尽可能增加它们。这是有问题的规则:

.panels h6 {
  border-left: 1px dotted;
  border-top: 1px solid;
  font-family: verdana;
  font-size: 11px;
  height: 200px;
  /* height 200 px is less than the required height which should be ~244px */
  line-height: 1.3;
  padding: 10px;
}

下一步是可选的，但建议避免进一步的问题:在所有包含多个 float 元素的元素中，在所有 float 元素之后添加以下内容:

<div style="clear: both;"></div>

这将自动设置该元素的高度。

编辑----

设置 .panels h6 { height: 200px;溢出-y:滚动； ... 。然后使用 JavaScript 获取所有三列的高度并将其设置为等于最高列的高度。您可以使用 Prototype功能，如 Element.getHeight( )和 Element.setStyle( )做这个。

或者，谷歌搜索“CSS Faux Columns”或“CSS Equal Height Columns”。