如何避免粘性元素的高度影响内容？

Question

我需要在底部放置一个粘性元素，该元素会向上移动并在用户滚动到站点末尾时显示页脚。所以我已经建立了。但是，粘性元素的高度会影响内容开头的空间。

list_3 = []

# Loop through lists in list_max
for i in range(len(list_max)):
    temp_list = []
    # Loop through items in each list in list_max
    for j in range(len(list_max[i])):
        list_max_val = list_max[i][j]
        list_min_val = list_min[i][j]
        final_val = list_max_val if abs(list_max_val) > abs(list_min_val) else list_min_val

        # Add value to temporary list
        temp_list.append(final_val)
    # Add the temporary list to list_3
    list_3.append(temp_list)

我的代码可以在这里找到： http://jsfiddle.net/kqojpcLr/

当然，我已经预先搜索了解决方案。我只发现了另一种相同的问题（例如css-tricks.com上的眼镜王蛇）。

如何确定内容从头开始？元素的开头和内容之间没有（灰色）空格？

Answer 1

如果需要快速修复，则可以为“内容” div设置负的上边距。

.content{ width: 500px;
          margin: 0 auto;
          margin-top:-50px;
        }